@testsmith/api-spector 0.5.7 → 0.5.9

package/out/renderer/assets/{index-BNnHEhKx.js → index-CQBAG6N4.js}

@@ -13317,6 +13317,23 @@ function v4(options, buf, offset) {
   rnds[8] = rnds[8] & 63 | 128;
   return unsafeStringify(rnds);
 }
+function orderedChildren(folder2) {
+  const reqSet = new Set(folder2.requestIds);
+  const folderSet = new Set(folder2.folders.map((f) => f.id));
+  const seen2 = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const ref2 of folder2.childOrder ?? []) {
+    const key = `${ref2.type}:${ref2.id}`;
+    if (seen2.has(key)) continue;
+    if (ref2.type === "request" && reqSet.has(ref2.id) || ref2.type === "folder" && folderSet.has(ref2.id)) {
+      out.push({ type: ref2.type, id: ref2.id });
+      seen2.add(key);
+    }
+  }
+  for (const id2 of folder2.requestIds) if (!seen2.has(`request:${id2}`)) out.push({ type: "request", id: id2 });
+  for (const f of folder2.folders) if (!seen2.has(`folder:${f.id}`)) out.push({ type: "folder", id: f.id });
+  return out;
+}
 function findFolder$1(root2, id2) {
   if (root2.id === id2) return root2;
   for (const sub of root2.folders) {
@@ -14121,6 +14138,30 @@ const createCollectionsSlice = (set2, get2) => ({
     }
     s.collections[collectionId].dirty = true;
   }),
+  reorderChild: (collectionId, ref2, destParentFolderId, destIndex) => set2((s) => {
+    const col = s.collections[collectionId]?.data;
+    if (!col) return;
+    const destParent = findFolder$1(col.rootFolder, destParentFolderId);
+    if (!destParent) return;
+    if (ref2.type === "request") {
+      if (!col.requests[ref2.id]) return;
+      removeFromFolder(col.rootFolder, ref2.id);
+      if (!destParent.requestIds.includes(ref2.id)) destParent.requestIds.push(ref2.id);
+    } else {
+      const moving = findFolder$1(col.rootFolder, ref2.id);
+      if (!moving) return;
+      if (ref2.id === destParentFolderId || findFolder$1(moving, destParentFolderId)) return;
+      const srcParent = findFolderParent(col.rootFolder, ref2.id) ?? col.rootFolder;
+      const srcIdx = srcParent.folders.findIndex((f) => f.id === ref2.id);
+      if (srcIdx >= 0) srcParent.folders.splice(srcIdx, 1);
+      if (!destParent.folders.some((f) => f.id === ref2.id)) destParent.folders.push(moving);
+    }
+    const others = orderedChildren(destParent).filter((c) => !(c.type === ref2.type && c.id === ref2.id));
+    const idx = Math.max(0, Math.min(destIndex, others.length));
+    others.splice(idx, 0, { type: ref2.type, id: ref2.id });
+    destParent.childOrder = others;
+    s.collections[collectionId].dirty = true;
+  }),
   // ── Tags ────────────────────────────────────────────────────────────────────
   updateFolderTags: (collectionId, folderId, tags2) => set2((s) => {
     const col = s.collections[collectionId]?.data;
@@ -35180,6 +35221,16 @@ function useVarNames() {
       const col = collections[activeCollectionId]?.data;
       if (col) {
         Object.keys(col.collectionVariables ?? {}).forEach((k) => names2.add(k));
+        (col.dataSet?.columns ?? []).forEach((c) => {
+          if (c) names2.add(c);
+        });
+        const addFolderCols = (f) => {
+          (f.dataSet?.columns ?? []).forEach((c) => {
+            if (c) names2.add(c);
+          });
+          f.folders.forEach(addFolderCols);
+        };
+        addFolderCols(col.rootFolder);
         for (const req of Object.values(col.requests)) {
           extractScriptVarNames(req.preRequestScript).forEach((k) => names2.add(k));
           extractScriptVarNames(req.postRequestScript).forEach((k) => names2.add(k));
@@ -35417,6 +35468,8 @@ const Basic$6 = "Basic";
 const Standard$6 = "Standard";
 const Aggressive$6 = "Aggressive";
 const Next$6 = "Next";
+const More$6 = "More";
+const or$6 = "or";
 const en = {
   "Close tab": "Close tab",
   Collections: Collections$6,
@@ -36455,7 +36508,20 @@ const en = {
   "Replay the guided walkthrough of collections, environments and requests.": "Replay the guided walkthrough of collections, environments and requests.",
   "Schema: a local scratch check.": "Schema: a local scratch check.",
   "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.": "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.",
-  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab."
+  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.",
+  More: More$6,
+  "Response sections": "Response sections",
+  "More response sections": "More response sections",
+  "More actions": "More actions",
+  "Body view mode": "Body view mode",
+  "Cell values can also use variables and faker, e.g.": "Cell values can also use variables and faker, e.g.",
+  or: or$6,
+  "Script errors": "Script errors",
+  "Pre-script:": "Pre-script:",
+  "Post-script:": "Post-script:",
+  "No data row": "No data row",
+  "Row :n": "Row :n",
+  "Run this request with the variables from one data table row": "Run this request with the variables from one data table row"
 };
 const Collections$5 = "Sammlungen";
 const History$5 = "Verlauf";
@@ -36655,6 +36721,8 @@ const Basic$5 = "Einfach";
 const Standard$5 = "Standard";
 const Aggressive$5 = "Aggressiv";
 const Next$5 = "Weiter";
+const More$5 = "Mehr";
+const or$5 = "oder";
 const de = {
   "Close tab": "Tab schließen",
   Collections: Collections$5,
@@ -37693,7 +37761,20 @@ const de = {
   "Replay the guided walkthrough of collections, environments and requests.": "Wiederhole die geführte Tour durch Sammlungen, Umgebungen und Requests.",
   "Schema: a local scratch check.": "Schema: eine lokale Schnellprüfung.",
   "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.": "Validiere die letzte Antwort dieses Requests hier direkt gegen ein JSON Schema. Sie wird **nicht im Contract gespeichert und nicht veröffentlicht**. Nur eine Sanity-Prüfung zur Entwicklungszeit. Um zu definieren, was der Provider zurückgeben *muss* (was Contract-Tests steuert), verwende den **Contract**-Tab.",
-  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Was dieses Request vom Provider *erwartet*: Status, Header und Body-Form (ein JSON Schema). Es wird im **Contract**-Panel gegen die Antwort geprüft und ist die Consumer-Seite von Contract-Tests (Consumer- und bidirektionale Verifikation), die den `deploy-check`-Gate speist. Für eine schnelle Body-Prüfung bei jeder Sendung verwende den **Schema**-Tab."
+  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Was dieses Request vom Provider *erwartet*: Status, Header und Body-Form (ein JSON Schema). Es wird im **Contract**-Panel gegen die Antwort geprüft und ist die Consumer-Seite von Contract-Tests (Consumer- und bidirektionale Verifikation), die den `deploy-check`-Gate speist. Für eine schnelle Body-Prüfung bei jeder Sendung verwende den **Schema**-Tab.",
+  More: More$5,
+  "Response sections": "Antwortbereiche",
+  "More response sections": "Weitere Antwortbereiche",
+  "More actions": "Weitere Aktionen",
+  "Body view mode": "Body-Ansichtsmodus",
+  "Cell values can also use variables and faker, e.g.": "Zellwerte können auch Variablen und faker verwenden, z. B.",
+  or: or$5,
+  "Script errors": "Skriptfehler",
+  "Pre-script:": "Pre-Script:",
+  "Post-script:": "Post-Script:",
+  "No data row": "Keine Datenzeile",
+  "Row :n": "Zeile :n",
+  "Run this request with the variables from one data table row": "Diesen Request mit den Variablen einer Datentabellenzeile ausführen"
 };
 const Collections$4 = "Collections";
 const History$4 = "Historique";
@@ -37893,6 +37974,8 @@ const Basic$4 = "Basique";
 const Standard$4 = "Standard";
 const Aggressive$4 = "Agressif";
 const Next$4 = "Suivant";
+const More$4 = "Plus";
+const or$4 = "ou";
 const fr = {
   "Close tab": "Fermer l'onglet",
   Collections: Collections$4,
@@ -38931,7 +39014,20 @@ const fr = {
   "Replay the guided walkthrough of collections, environments and requests.": "Rejouez la visite guidée des collections, environnements et requests.",
   "Schema: a local scratch check.": "Schema : une vérification locale de travail.",
   "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.": "Validez la dernière réponse de ce request directement ici par rapport à un JSON Schema. Elle n'est **pas enregistrée dans le contract ni publiée**. Juste une vérification de bon sens en développement. Pour définir ce que le provider *doit* renvoyer (ce qui pilote les tests de contract), utilisez l'onglet **Contract**.",
-  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Ce que ce request *attend* du provider : statut, en-têtes et forme du body (un JSON Schema). C'est vérifié par rapport à la réponse dans le panneau **Contract** et c'est le côté consommateur des tests de contract (vérification consommateur et bidirectionnelle), qui alimente la gate `deploy-check`. Pour une vérification rapide du body à chaque envoi, utilisez l'onglet **Schema**."
+  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Ce que ce request *attend* du provider : statut, en-têtes et forme du body (un JSON Schema). C'est vérifié par rapport à la réponse dans le panneau **Contract** et c'est le côté consommateur des tests de contract (vérification consommateur et bidirectionnelle), qui alimente la gate `deploy-check`. Pour une vérification rapide du body à chaque envoi, utilisez l'onglet **Schema**.",
+  More: More$4,
+  "Response sections": "Sections de réponse",
+  "More response sections": "Autres sections de réponse",
+  "More actions": "Autres actions",
+  "Body view mode": "Mode d’affichage du body",
+  "Cell values can also use variables and faker, e.g.": "Les valeurs de cellule peuvent aussi utiliser des variables et faker, p. ex.",
+  or: or$4,
+  "Script errors": "Erreurs de script",
+  "Pre-script:": "Pré-script :",
+  "Post-script:": "Post-script :",
+  "No data row": "Aucune ligne de données",
+  "Row :n": "Ligne :n",
+  "Run this request with the variables from one data table row": "Exécuter ce request avec les variables d'une ligne de la table de données"
 };
 const Collections$3 = "Colecciones";
 const History$3 = "Historial";
@@ -39131,6 +39227,8 @@ const Basic$3 = "Básico";
 const Standard$3 = "Estándar";
 const Aggressive$3 = "Agresivo";
 const Next$3 = "Siguiente";
+const More$3 = "Más";
+const or$3 = "o";
 const es = {
   "Close tab": "Cerrar pestaña",
   Collections: Collections$3,
@@ -40169,7 +40267,20 @@ const es = {
   "Replay the guided walkthrough of collections, environments and requests.": "Vuelve a ver el recorrido guiado por colecciones, entornos y requests.",
   "Schema: a local scratch check.": "Schema: una comprobación local rápida.",
   "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.": "Valida la última respuesta de este request aquí mismo contra un JSON Schema. **No se guarda en el contract ni se publica**. Solo una comprobación de validez en desarrollo. Para definir lo que el provider *debe* devolver (lo que impulsa las pruebas de contract), usa la pestaña **Contract**.",
-  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Lo que este request *espera* del provider: estado, headers y forma del body (un JSON Schema). Se comprueba contra la respuesta en el panel **Contract** y es el lado consumidor de las pruebas de contract (verificación de consumidor y bidireccional), que alimenta la gate `deploy-check`. Para una comprobación rápida del body en cada envío, usa la pestaña **Schema**."
+  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Lo que este request *espera* del provider: estado, headers y forma del body (un JSON Schema). Se comprueba contra la respuesta en el panel **Contract** y es el lado consumidor de las pruebas de contract (verificación de consumidor y bidireccional), que alimenta la gate `deploy-check`. Para una comprobación rápida del body en cada envío, usa la pestaña **Schema**.",
+  More: More$3,
+  "Response sections": "Secciones de respuesta",
+  "More response sections": "Más secciones de respuesta",
+  "More actions": "Más acciones",
+  "Body view mode": "Modo de vista del body",
+  "Cell values can also use variables and faker, e.g.": "Los valores de celda también pueden usar variables y faker, p. ej.",
+  or: or$3,
+  "Script errors": "Errores de script",
+  "Pre-script:": "Pre-script:",
+  "Post-script:": "Post-script:",
+  "No data row": "Sin fila de datos",
+  "Row :n": "Fila :n",
+  "Run this request with the variables from one data table row": "Ejecuta este request con las variables de una fila de la tabla de datos"
 };
 const Collections$2 = "Raccolte";
 const History$2 = "Cronologia";
@@ -40369,6 +40480,8 @@ const Basic$2 = "Base";
 const Standard$2 = "Standard";
 const Aggressive$2 = "Aggressivo";
 const Next$2 = "Avanti";
+const More$2 = "Altro";
+const or$2 = "o";
 const it = {
   "Close tab": "Chiudi scheda",
   Collections: Collections$2,
@@ -41407,7 +41520,20 @@ const it = {
   "Replay the guided walkthrough of collections, environments and requests.": "Riproduci la panoramica guidata di raccolte, ambienti e requests.",
   "Schema: a local scratch check.": "Schema: un controllo locale rapido.",
   "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.": "Valida l'ultima risposta di questo request qui stesso rispetto a un JSON Schema. **Non viene salvata nel contract né pubblicata**. Solo un controllo di validità in fase di sviluppo. Per definire ciò che il provider *deve* restituire (ciò che guida i test di contract), usa la scheda **Contract**.",
-  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Ciò che questo request *si aspetta* dal provider: stato, header e forma del body (un JSON Schema). Viene verificato rispetto alla risposta nel pannello **Contract** ed è il lato consumer dei test di contract (verifica consumer e bidirezionale), che alimenta la gate `deploy-check`. Per un controllo rapido del body a ogni invio, usa la scheda **Schema**."
+  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Ciò che questo request *si aspetta* dal provider: stato, header e forma del body (un JSON Schema). Viene verificato rispetto alla risposta nel pannello **Contract** ed è il lato consumer dei test di contract (verifica consumer e bidirezionale), che alimenta la gate `deploy-check`. Per un controllo rapido del body a ogni invio, usa la scheda **Schema**.",
+  More: More$2,
+  "Response sections": "Sezioni della risposta",
+  "More response sections": "Altre sezioni della risposta",
+  "More actions": "Altre azioni",
+  "Body view mode": "Modalità di visualizzazione del body",
+  "Cell values can also use variables and faker, e.g.": "I valori delle celle possono usare anche variabili e faker, ad es.",
+  or: or$2,
+  "Script errors": "Errori di script",
+  "Pre-script:": "Pre-script:",
+  "Post-script:": "Post-script:",
+  "No data row": "Nessuna riga di dati",
+  "Row :n": "Riga :n",
+  "Run this request with the variables from one data table row": "Esegui questo request con le variabili di una riga della tabella dati"
 };
 const Collections$1 = "Collecties";
 const History$1 = "Geschiedenis";
@@ -41607,6 +41733,8 @@ const Basic$1 = "Basis";
 const Standard$1 = "Standaard";
 const Aggressive$1 = "Agressief";
 const Next$1 = "Volgende";
+const More$1 = "Meer";
+const or$1 = "of";
 const nl = {
   "Close tab": "Tabblad sluiten",
   Collections: Collections$1,
@@ -42645,7 +42773,20 @@ const nl = {
   "Replay the guided walkthrough of collections, environments and requests.": "Speel de rondleiding door collecties, omgevingen en requests opnieuw af.",
   "Schema: a local scratch check.": "Schema: een lokale kladcontrole.",
   "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.": "Valideer de laatste respons van dit request hier direct tegen een JSON Schema. Het wordt **niet opgeslagen in het contract en niet gepubliceerd**. Alleen een sanity check tijdens ontwikkeling. Om te definiëren wat de provider *moet* retourneren (wat contracttesten aanstuurt), gebruik je het **Contract** tabblad.",
-  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Wat dit request *verwacht* van de provider: status, headers en body-vorm (een JSON Schema). Het wordt gecontroleerd tegen de respons in het **Contract** paneel en is de consumerzijde van contracttesten (consumer- en bidirectionele verificatie), wat de `deploy-check` gate voedt. Gebruik voor een snelle body-controle bij elke verzending het **Schema** tabblad."
+  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "Wat dit request *verwacht* van de provider: status, headers en body-vorm (een JSON Schema). Het wordt gecontroleerd tegen de respons in het **Contract** paneel en is de consumerzijde van contracttesten (consumer- en bidirectionele verificatie), wat de `deploy-check` gate voedt. Gebruik voor een snelle body-controle bij elke verzending het **Schema** tabblad.",
+  More: More$1,
+  "Response sections": "Responssecties",
+  "More response sections": "Meer responssecties",
+  "More actions": "Meer acties",
+  "Body view mode": "Body-weergavemodus",
+  "Cell values can also use variables and faker, e.g.": "Celwaarden kunnen ook variabelen en faker gebruiken, bijv.",
+  or: or$1,
+  "Script errors": "Scriptfouten",
+  "Pre-script:": "Pre-script:",
+  "Post-script:": "Post-script:",
+  "No data row": "Geen datarij",
+  "Row :n": "Rij :n",
+  "Run this request with the variables from one data table row": "Voer dit request uit met de variabelen van één datatabelrij"
 };
 const Collections = "Coleções";
 const History = "Histórico";
@@ -42845,6 +42986,8 @@ const Basic = "Básico";
 const Standard = "Padrão";
 const Aggressive = "Agressivo";
 const Next = "Seguinte";
+const More = "Mais";
+const or = "ou";
 const pt = {
   "Close tab": "Fechar separador",
   Collections,
@@ -43883,7 +44026,20 @@ const pt = {
   "Replay the guided walkthrough of collections, environments and requests.": "Reproduz o guia de coleções, ambientes e requests.",
   "Schema: a local scratch check.": "Schema: uma verificação local rápida.",
   "Validate this request's last response against a JSON Schema, right here. It is **not saved to the contract and not published**. A dev-time sanity check only. To define what the provider *must* return (which drives contract testing), use the **Contract** tab.": "Valida a última resposta deste request aqui mesmo contra um JSON Schema. **Não é guardada no contract nem publicada**. Apenas uma verificação de sanidade em desenvolvimento. Para definir o que o provider *deve* devolver (o que orienta os testes de contract), usa o separador **Contract**.",
-  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "O que este request *espera* do provider: estado, headers e forma do body (um JSON Schema). É verificado contra a resposta no painel **Contract** e é o lado consumidor dos testes de contract (verificação de consumidor e bidirecional), que alimenta a gate `deploy-check`. Para uma verificação rápida do body a cada envio, usa o separador **Schema**."
+  "What this request *expects* from the provider: status, headers, and body shape (a JSON Schema). It is checked against the response in the **Contract** panel and is the consumer side of contract testing (consumer and bi-directional verify), feeding the `deploy-check` gate. For a quick body check that runs on every send, use the **Schema** tab.": "O que este request *espera* do provider: estado, headers e forma do body (um JSON Schema). É verificado contra a resposta no painel **Contract** e é o lado consumidor dos testes de contract (verificação de consumidor e bidirecional), que alimenta a gate `deploy-check`. Para uma verificação rápida do body a cada envio, usa o separador **Schema**.",
+  More,
+  "Response sections": "Secções da resposta",
+  "More response sections": "Mais secções da resposta",
+  "More actions": "Mais ações",
+  "Body view mode": "Modo de visualização do body",
+  "Cell values can also use variables and faker, e.g.": "Os valores das células também podem usar variáveis e faker, por ex.",
+  or,
+  "Script errors": "Erros de script",
+  "Pre-script:": "Pré-script:",
+  "Post-script:": "Pós-script:",
+  "No data row": "Sem linha de dados",
+  "Row :n": "Linha :n",
+  "Run this request with the variables from one data table row": "Executa este request com as variáveis de uma linha da tabela de dados"
 };
 const CATALOGS = { en, de, fr, es, it, nl, pt };
 const LOCALES = {
@@ -43902,8 +44058,7 @@ function detectLocale() {
     if (saved && saved in CATALOGS) return saved;
   } catch {
   }
-  const nav2 = (typeof navigator !== "undefined" ? navigator.language : "en").slice(0, 2);
-  return nav2 in CATALOGS ? nav2 : "en";
+  return "en";
 }
 function interpolate(str, vars) {
   if (!vars) return str;
@@ -43951,6 +44106,18 @@ function useLocale() {
   const { locale, setLocale } = reactExports.useContext(I18nContext);
   return [locale, setLocale];
 }
+const DAYJS_OPTIONS = [
+  { label: "dayjs().format('YYYY-MM-DD')", insert: "dayjs().format('YYYY-MM-DD')" },
+  { label: "dayjs().toISOString()", insert: "dayjs().toISOString()" },
+  { label: "dayjs().valueOf()", insert: "dayjs().valueOf()" },
+  { label: "dayjs().subtract(1,'day').format(…)", insert: "dayjs().subtract(1,'day').format('YYYY-MM-DD')" },
+  { label: "dayjs().add(1,'day').format(…)", insert: "dayjs().add(1,'day').format('YYYY-MM-DD')" }
+];
+const ICON = {
+  variable: { glyph: "𝑥", cls: "text-emerald-400" },
+  function: { glyph: "ƒ", cls: "text-violet-400" },
+  property: { glyph: "◆", cls: "text-blue-400" }
+};
 function parseVarTokens(str) {
   const found = [];
   const re = /\{\{([^}]+)\}\}/g;
@@ -43972,23 +44139,23 @@ function PortalDropdown({
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "ul",
       {
-        style: { position: "fixed", top: pos.top, left: pos.left, minWidth: pos.minWidth, zIndex: 9999 },
-        className: "max-h-52 overflow-y-auto bg-surface-800 border border-surface-600 rounded shadow-xl text-xs",
-        children: items2.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        style: { position: "fixed", top: pos.top, left: pos.left, minWidth: Math.max(pos.minWidth, 220), zIndex: 9999 },
+        className: "max-h-56 overflow-y-auto bg-surface-800 border border-surface-600 rounded shadow-xl text-xs py-0.5",
+        children: items2.map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
             onMouseDown: (e) => {
               e.preventDefault();
               onPick(s);
             },
-            className: `w-full text-left px-3 py-1.5 font-mono transition-colors ${i === activeIndex ? "bg-blue-600 text-white" : "hover:bg-surface-700"}`,
-            children: mode === "var" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "{{" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: s }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "}}" })
-            ] }) : s
+            className: `w-full text-left px-2 py-1 font-mono transition-colors flex items-center gap-1.5 ${i === activeIndex ? "bg-blue-600 text-white" : "hover:bg-surface-700"}`,
+            children: [
+              mode === "var" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-3 shrink-0 text-center ${i === activeIndex ? "text-white/80" : ICON[s.type].cls}`, children: ICON[s.type].glyph }) : null,
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: s.label }),
+              s.detail && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ml-auto pl-2 shrink-0 italic ${i === activeIndex ? "text-white/70" : "text-surface-500"}`, children: s.detail })
+            ]
           }
-        ) }, s))
+        ) }, s.label + i))
       }
     ),
     document.body
@@ -44004,6 +44171,7 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
   const [activeIndex, setActiveIndex] = reactExports.useState(-1);
   const [dropPos, setDropPos] = reactExports.useState(null);
   const [showPreview, setShowPreview] = reactExports.useState(false);
+  const partialLen = reactExports.useRef(0);
   reactExports.useEffect(() => {
     if (suggestions.length === 0) {
       setDropPos(null);
@@ -44014,28 +44182,60 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
     const r = el.getBoundingClientRect();
     setDropPos({ top: r.bottom + 2, left: r.left, minWidth: r.width });
   }, [suggestions.length]);
+  function show(items2, from) {
+    partialLen.current = from;
+    setSuggestions(items2);
+    setSuggestionMode("var");
+    setActiveIndex(-1);
+  }
   function detectQuery(val, cursor2) {
     const before = val.slice(0, cursor2);
-    const varMatch = /\{\{(\w*)$/.exec(before);
-    if (varMatch) {
-      const q = varMatch[1].toLowerCase();
-      const filtered = varNames.filter((n) => n.toLowerCase().includes(q));
-      setSuggestions(filtered);
-      setSuggestionMode("var");
-      setActiveIndex(-1);
-    } else if (staticSuggestions) {
+    const sortByMatch = (items2, q) => items2.map((it2, i) => ({ it: it2, i })).sort((a, b) => {
+      const ap = a.it.label.toLowerCase().startsWith(q) ? 0 : 1;
+      const bp = b.it.label.toLowerCase().startsWith(q) ? 0 : 1;
+      return ap - bp || (b.it.boost ?? 0) - (a.it.boost ?? 0) || a.i - b.i;
+    }).map((x) => x.it);
+    let m = /\{\{faker\.(\w+)\.(\w*)$/.exec(before);
+    if (m) {
+      const q = m[2].toLowerCase();
+      const subs = (FAKER_SUB[m[1]] ?? []).filter((c) => c.label.toLowerCase().includes(q));
+      show(sortByMatch(subs.map((c) => ({ label: c.label, type: "function", detail: c.detail ?? "()", insert: `${c.label}()`, close: true })), q), m[2].length);
+      return;
+    }
+    m = /\{\{faker\.(\w*)$/.exec(before);
+    if (m) {
+      const q = m[1].toLowerCase();
+      const items2 = FAKER_NAMESPACES.filter((c) => c.label.toLowerCase().includes(q)).map((c) => ({ label: c.label, type: "property", insert: `${c.label}.` }));
+      show(sortByMatch(items2, q), m[1].length);
+      return;
+    }
+    m = /\{\{(dayjs\b[^}]*)$/.exec(before);
+    if (m) {
+      const q = m[1].toLowerCase();
+      show(DAYJS_OPTIONS.filter((o) => o.label.toLowerCase().includes(q)).map((o) => ({ label: o.label, type: "function", insert: o.insert, close: true })), m[1].length);
+      return;
+    }
+    m = /\{\{(\$?\w*)$/.exec(before);
+    if (m) {
+      const q = m[1].toLowerCase();
+      const vars = varNames.filter((n) => n.toLowerCase().includes(q)).map((n) => ({ label: n, insert: n, type: "variable", close: true, boost: n.startsWith("$") ? 1 : 0 }));
+      const starters = [
+        { label: "faker", insert: "faker.", type: "property" },
+        { label: "dayjs", insert: "dayjs().", type: "function" }
+      ].filter((s) => s.label.includes(q));
+      show([...sortByMatch(vars, q), ...starters], m[1].length);
+      return;
+    }
+    if (staticSuggestions) {
       const q = val.toLowerCase();
-      const filtered = q ? staticSuggestions.filter((s) => s.toLowerCase().includes(q)).sort((a, b) => {
-        const aP = a.toLowerCase().startsWith(q) ? 0 : 1;
-        const bP = b.toLowerCase().startsWith(q) ? 0 : 1;
-        return aP - bP;
-      }).slice(0, 20) : staticSuggestions.slice(0, 20);
-      setSuggestions(filtered);
+      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(filtered.map((s) => ({ label: s, insert: s, type: "variable" })));
       setSuggestionMode("static");
       setActiveIndex(-1);
-    } else {
-      setSuggestions([]);
+      return;
     }
+    setSuggestions([]);
   }
   function handleChange(e) {
     const newVal = e.target.value;
@@ -44062,9 +44262,9 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
       setSuggestions([]);
     }
   }
-  const apply = reactExports.useCallback((suggestion) => {
+  function apply(item) {
     if (suggestionMode === "static") {
-      onChange(suggestion);
+      onChange(item.insert);
       setSuggestions([]);
       return;
     }
@@ -44072,14 +44272,22 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
     const cursor2 = el?.selectionStart ?? value2.length;
     const before = value2.slice(0, cursor2);
     const after = value2.slice(cursor2);
-    const match = /\{\{(\w*)$/.exec(before);
-    if (!match) return;
-    const newVal = before.slice(0, match.index) + `{{${suggestion}}}` + after;
-    const newCursor = match.index + suggestion.length + 4;
+    const start = cursor2 - partialLen.current;
+    const insert2 = item.insert + (item.close ? "}}" : "");
+    const newVal = before.slice(0, start) + insert2 + after;
+    const newCursor = start + insert2.length;
     onChange(newVal);
-    setSuggestions([]);
-    requestAnimationFrame(() => el?.setSelectionRange(newCursor, newCursor));
-  }, [suggestionMode, value2, onChange]);
+    if (item.close) {
+      setSuggestions([]);
+      requestAnimationFrame(() => el?.setSelectionRange(newCursor, newCursor));
+    } else {
+      requestAnimationFrame(() => {
+        el?.focus();
+        el?.setSelectionRange(newCursor, newCursor);
+        detectQuery(newVal, newCursor);
+      });
+    }
+  }
   function handleBlur(e) {
     setTimeout(() => setSuggestions([]), 150);
     setShowPreview(false);
@@ -44919,6 +45127,19 @@ function DataSetEditor({ ds, onChange, exportName, scopeLabel = "collection" })
       " ",
       t2("placeholders.")
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-surface-600 text-[11px]", children: [
+      t2("Cell values can also use variables and faker, e.g."),
+      " ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-500", children: "{{baseUrl}}" }),
+      ",",
+      " ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-500", children: "{{$randomEmail}}" }),
+      " ",
+      t2("or"),
+      " ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-500", children: "{{faker.person.firstName()}}" }),
+      "."
+    ] }),
     /* @__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: t2("+ 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: t2("+ Row") }),
@@ -44957,11 +45178,12 @@ function DataSetEditor({ ds, onChange, exportName, scopeLabel = "collection" })
         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",
+            VarInput,
             {
               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"
+              onChange: (v) => setCell(ri, ci, v),
+              wrapperClassName: "w-full",
+              className: "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: "×" }) })
@@ -45574,36 +45796,43 @@ function buildFolderPlan(folder2, requests, collectionVars, filterTags, scopeId,
   for (const req of beforeAllHooks) {
     result.push(makeHook(req, collectionVars, "beforeAll", scopeId, ancestorIds, scopePath));
   }
-  for (const req of regularReqs) {
-    const tags2 = req.meta?.tags ?? [];
-    if (filterTags.length > 0 && !filterTags.some((t2) => tags2.includes(t2))) continue;
-    for (const w of allWrappers) {
-      for (const hookReq of w.before) {
-        result.push(makeHook(hookReq, collectionVars, "before", w.scopeId, w.ancestors, w.scopePath, req.id));
+  const regularById = new Map(regularReqs.map((r) => [r.id, r]));
+  const subById = new Map(folder2.folders.map((f) => [f.id, f]));
+  for (const child of orderedChildren(folder2)) {
+    if (child.type === "request") {
+      const req = regularById.get(child.id);
+      if (!req) continue;
+      const tags2 = req.meta?.tags ?? [];
+      if (filterTags.length > 0 && !filterTags.some((t2) => tags2.includes(t2))) continue;
+      for (const w of allWrappers) {
+        for (const hookReq of w.before) {
+          result.push(makeHook(hookReq, collectionVars, "before", w.scopeId, w.ancestors, w.scopePath, req.id));
+        }
       }
-    }
-    result.push({ request: req, collectionVars, scopeId, scopeAncestors: ancestorIds, scopePath });
-    for (const w of [...allWrappers].reverse()) {
-      for (const hookReq of w.after) {
-        result.push(makeHook(hookReq, collectionVars, "after", w.scopeId, w.ancestors, w.scopePath, req.id));
+      result.push({ request: req, collectionVars, scopeId, scopeAncestors: ancestorIds, scopePath });
+      for (const w of [...allWrappers].reverse()) {
+        for (const hookReq of w.after) {
+          result.push(makeHook(hookReq, collectionVars, "after", w.scopeId, w.ancestors, w.scopePath, req.id));
+        }
       }
+    } else {
+      const sub = subById.get(child.id);
+      if (!sub) continue;
+      const folderTags = sub.tags ?? [];
+      const effectiveFilter = filterTags.length === 0 ? filterTags : folderTags.some((t2) => filterTags.includes(t2)) ? [] : filterTags;
+      result.push(...buildFolderPlan(
+        sub,
+        requests,
+        collectionVars,
+        effectiveFilter,
+        sub.id,
+        [...ancestorIds, scopeId],
+        scopePath,
+        allWrappers,
+        false
+      ));
     }
   }
-  for (const sub of folder2.folders) {
-    const folderTags = sub.tags ?? [];
-    const effectiveFilter = filterTags.length === 0 ? filterTags : folderTags.some((t2) => filterTags.includes(t2)) ? [] : filterTags;
-    result.push(...buildFolderPlan(
-      sub,
-      requests,
-      collectionVars,
-      effectiveFilter,
-      sub.id,
-      [...ancestorIds, scopeId],
-      scopePath,
-      allWrappers,
-      false
-    ));
-  }
   for (const req of afterAllHooks) {
     result.push(makeHook(req, collectionVars, "afterAll", scopeId, ancestorIds, scopePath));
   }
@@ -45754,6 +45983,42 @@ function buildRunPlan(collection2, folderId, filterTags) {
   }
   return result;
 }
+function expandRunPlanWithData(items2, ds) {
+  if (!ds || ds.rows.length === 0) return items2;
+  return ds.rows.flatMap((row, ri) => {
+    const rowVars = {};
+    ds.columns.forEach((col, ci) => {
+      if (col) rowVars[col] = row[ci] ?? "";
+    });
+    return items2.map((item) => ({ ...item, dataRow: { ...item.dataRow, ...rowVars }, iterationLabel: `${ri + 1}/${ds.rows.length}` }));
+  });
+}
+function nearestFolderDataSet(item, collection2) {
+  const chain = [item.scopeId, ...item.scopeAncestors ?? []].filter(Boolean);
+  for (const id2 of chain) {
+    const f = findFolder$1(collection2.rootFolder, id2);
+    if (f?.dataSet && f.dataSet.rows.length > 0) return f.dataSet;
+  }
+  return void 0;
+}
+function expandFolderDataSets(items2, collection2) {
+  const out = [];
+  for (const item of items2) {
+    const ds = item.isHook ? void 0 : nearestFolderDataSet(item, collection2);
+    if (!ds) {
+      out.push(item);
+      continue;
+    }
+    ds.rows.forEach((row, ri) => {
+      const rowVars = {};
+      ds.columns.forEach((col, ci) => {
+        if (col) rowVars[col] = row[ci] ?? "";
+      });
+      out.push({ ...item, dataRow: { ...item.dataRow, ...rowVars }, iterationLabel: `${ri + 1}/${ds.rows.length}` });
+    });
+  }
+  return out;
+}
 function hasContract(r) {
   const c = r.contract;
   return !!c && (c.statusCode != null || !!c.bodySchema || !!c.bodyMatcher || (c.headers?.length ?? 0) > 0 || (c.providerStates?.length ?? 0) > 0);
@@ -46204,8 +46469,6 @@ const AUTH_BADGE_LABELS = {
 function RequestRow({
   reqId,
   collectionId,
-  folderId,
-  reqIndex,
   name: name2,
   url,
   method,
@@ -46237,7 +46500,6 @@ function RequestRow({
   const [examplesOpen, setExamplesOpen] = reactExports.useState(true);
   const [addingTag, setAddingTag] = reactExports.useState(false);
   const [showSchemaSync, setShowSchemaSync] = reactExports.useState(false);
-  const [dropPos, setDropPos] = reactExports.useState(null);
   const dragCtx = reactExports.useContext(DragCtx);
   const sel = reactExports.useContext(SelectionCtx);
   const selected = sel.isSelected(collectionId, reqId);
@@ -46266,21 +46528,7 @@ function RequestRow({
     label: (hookType === ht ? "✓ " : "    ") + t2(HOOK_LABELS[ht]),
     onClick: () => onSetHookType(hookType === ht ? void 0 : ht)
   }));
-  function handleDragOver(e) {
-    if (!dragCtx.dragging || dragCtx.dragging.type !== "request" || dragCtx.dragging.requestId === reqId) return;
-    e.preventDefault();
-    const rect = e.currentTarget.getBoundingClientRect();
-    setDropPos(e.clientY < rect.top + rect.height / 2 ? "before" : "after");
-  }
-  function handleDrop(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    const insertIndex = dropPos === "before" ? reqIndex : reqIndex + 1;
-    dragCtx.onDropRequest(collectionId, folderId, insertIndex);
-    setDropPos(null);
-  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-    dropPos === "before" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-0 inset-x-0 h-0.5 bg-blue-500 z-10 pointer-events-none" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
@@ -46295,11 +46543,7 @@ function RequestRow({
         },
         onDragEnd: () => {
           dragCtx.setDragging(null);
-          setDropPos(null);
         },
-        onDragOver: handleDragOver,
-        onDragLeave: () => setDropPos(null),
-        onDrop: handleDrop,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "input",
@@ -46395,8 +46639,7 @@ function RequestRow({
             { type: "separator" },
             { type: "item", label: t2("Delete"), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}), danger: true, onClick: onDelete }
           ] }) }),
-          toast && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed bottom-4 right-4 z-[100] w-96", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Toast, { toast }) }),
-          dropPos === "after" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-0 inset-x-0 h-0.5 bg-blue-500 z-10 pointer-events-none" })
+          toast && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed bottom-4 right-4 z-[100] w-96", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Toast, { toast }) })
         ]
       }
     ),
@@ -46493,7 +46736,33 @@ function ConfirmDialog({ message, onConfirm, onCancel }) {
 const DragCtx = reactExports.createContext({ dragging: null, setDragging: () => {
 }, onDropRequest: () => {
 }, onDropFolder: () => {
+}, onReorderChild: () => {
 } });
+function DropLine({ collectionId, parentFolderId, index: index2, indent }) {
+  const dragCtx = reactExports.useContext(DragCtx);
+  const [over, setOver] = reactExports.useState(false);
+  if (!dragCtx.dragging) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      style: { paddingLeft: indent },
+      className: "relative h-2 -my-1 z-20",
+      onDragOver: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setOver(true);
+      },
+      onDragLeave: () => setOver(false),
+      onDrop: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setOver(false);
+        dragCtx.onReorderChild(collectionId, parentFolderId, index2);
+      },
+      children: over && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-x-2 top-1/2 -translate-y-1/2 h-0.5 bg-blue-500 rounded pointer-events-none" })
+    }
+  );
+}
 const SelectionCtx = reactExports.createContext({ active: false, isSelected: () => false, toggle: () => {
 }, clear: () => {
 } });
@@ -46620,6 +46889,7 @@ function CollectionTree() {
   const openRunner = useStore((s) => s.openRunner);
   const moveRequest = useStore((s) => s.moveRequest);
   const moveFolder = useStore((s) => s.moveFolder);
+  const reorderChild = useStore((s) => s.reorderChild);
   const colList = Object.values(collections);
   const [query, setQuery] = reactExports.useState("");
   const q = query.trim().toLowerCase();
@@ -46664,7 +46934,17 @@ function CollectionTree() {
     moveFolder(dragging.collectionId, dragging.folderId, destParentFolderId, destIndex);
     setDragging(null);
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DragCtx.Provider, { value: { dragging, setDragging, onDropRequest, onDropFolder }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectionCtx.Provider, { value: selectionCtx, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 select-none", children: [
+  function onReorderChild(destCollectionId, destParentFolderId, destIndex) {
+    if (!dragging) return;
+    if (dragging.collectionId === destCollectionId) {
+      const ref2 = dragging.type === "folder" ? { type: "folder", id: dragging.folderId } : { type: "request", id: dragging.requestId };
+      reorderChild(destCollectionId, ref2, destParentFolderId, destIndex);
+    } else if (dragging.type === "request") {
+      moveRequest(dragging.collectionId, dragging.requestId, destCollectionId, destParentFolderId);
+    }
+    setDragging(null);
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DragCtx.Provider, { value: { dragging, setDragging, onDropRequest, onDropFolder, onReorderChild }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectionCtx.Provider, { value: selectionCtx, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 select-none", children: [
     pendingConfirm && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConfirmDialog,
       {
@@ -46951,8 +47231,6 @@ function CollectionNode({
 function FolderRow({
   folder: folder2,
   collectionId,
-  parentFolderId,
-  folderIndex,
   depth,
   expandCtrl,
   onAddRequest,
@@ -46975,7 +47253,7 @@ function FolderRow({
   const [showPushContract, setShowPushContract] = reactExports.useState(false);
   const [addingTag, setAddingTag] = reactExports.useState(false);
   const folderCollection = useStore((s) => s.collections[collectionId]?.data);
-  const [dropPos, setDropPos] = reactExports.useState(null);
+  const [dropInside, setDropInside] = reactExports.useState(false);
   const dragCtx = reactExports.useContext(DragCtx);
   const tags2 = folder2.tags ?? [];
   const indent = depth * 12 + 8;
@@ -46984,40 +47262,22 @@ function FolderRow({
     if (!dragCtx.dragging) return;
     if (dragCtx.dragging.type === "folder" && dragCtx.dragging.folderId === folder2.id) return;
     e.preventDefault();
-    const rect = e.currentTarget.getBoundingClientRect();
-    const y = e.clientY - rect.top;
-    const zone = y / rect.height;
-    if (dragCtx.dragging.type === "folder") {
-      if (zone < 0.25) setDropPos("before");
-      else if (zone > 0.75) setDropPos("after");
-      else setDropPos("inside");
-    } else {
-      setDropPos("inside");
-    }
+    setDropInside(true);
   }
   function handleFolderDrop(e) {
     e.preventDefault();
     e.stopPropagation();
+    setDropInside(false);
     if (!dragCtx.dragging) return;
-    if (dragCtx.dragging.type === "folder") {
-      if (dropPos === "inside") {
-        dragCtx.onDropFolder(collectionId, folder2.id);
-      } else {
-        const insertIndex = dropPos === "before" ? folderIndex : folderIndex + 1;
-        dragCtx.onDropFolder(collectionId, parentFolderId, insertIndex);
-      }
-    } else {
-      dragCtx.onDropRequest(collectionId, folder2.id);
-    }
-    setDropPos(null);
+    if (dragCtx.dragging.type === "folder") dragCtx.onDropFolder(collectionId, folder2.id);
+    else dragCtx.onDropRequest(collectionId, folder2.id);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-    dropPos === "before" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-0 inset-x-0 h-0.5 bg-blue-500 z-10 pointer-events-none" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         draggable: true,
-        className: `group flex items-start gap-1 py-1 hover:bg-surface-800 transition-colors cursor-pointer text-surface-400 ${dropPos === "inside" ? "outline outline-1 outline-blue-500 rounded" : ""}`,
+        className: `group flex items-start gap-1 py-1 hover:bg-surface-800 transition-colors cursor-pointer text-surface-400 ${dropInside ? "outline outline-1 outline-blue-500 rounded" : ""}`,
         style: { paddingLeft: indent },
         onClick: () => setExpanded((e) => !e),
         onDragStart: (e) => {
@@ -47027,13 +47287,12 @@ function FolderRow({
         },
         onDragEnd: () => {
           dragCtx.setDragging(null);
-          setDropPos(null);
+          setDropInside(false);
         },
         onDragOver: handleFolderDragOver,
-        onDragLeave: () => setDropPos(null),
+        onDragLeave: () => setDropInside(false),
         onDrop: handleFolderDrop,
         children: [
-          dropPos === "after" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-0 inset-x-0 h-0.5 bg-blue-500 z-10 pointer-events-none" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] w-3 text-center shrink-0 mt-0.5", children: expanded ? "▾" : "▸" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, { className: `shrink-0 mt-0.5 ${hasInheritedConfig ? "text-blue-500" : "text-amber-600"}` }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -47137,94 +47396,101 @@ function FolderContents({
   const renameExample = useStore((s) => s.renameExample);
   const deleteExample = useStore((s) => s.deleteExample);
   const duplicateExample = useStore((s) => s.duplicateExample);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    folder2.folders.map((sub, subIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FolderRow,
-      {
-        folder: sub,
-        collectionId,
-        parentFolderId: folder2.id,
-        folderIndex: subIndex,
-        depth: depth + 1,
-        expandCtrl,
-        onAddRequest: () => onAddRequest(sub.id),
-        onAddFolder: () => onAddFolder(sub.id, "New Folder"),
-        onRename: (name2) => onRenameFolder(sub.id, name2),
-        onDelete: () => onDeleteFolder(sub.id),
-        onDuplicate: () => onDuplicateFolder(sub.id),
-        onUpdateTags: (tags2) => onUpdateFolderTags(sub.id, tags2),
-        onRun: () => onRunFolder(sub.id),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          FolderContents,
-          {
-            folder: sub,
-            collectionId,
-            requests,
-            activeRequestId,
-            depth: depth + 1,
-            expandCtrl,
-            newRequestId,
-            onSelectRequest,
-            onAddRequest,
-            onAddFolder,
-            onRenameFolder,
-            onDeleteFolder,
-            onDuplicateFolder,
-            onRenameRequest,
-            onDeleteRequest,
-            onDuplicateRequest,
-            onUpdateFolderTags,
-            onUpdateRequestTags,
-            onSetRequestHookType,
-            onToggleRequestDisabled,
-            onRunFolder
-          }
-        )
-      },
-      sub.id
-    )),
-    folder2.requestIds.map((reqId, reqIndex) => {
-      const req = requests[reqId];
-      if (!req) return null;
+  const dropIndent = (depth + 1) * 12 + 8;
+  const renderChild = (child) => {
+    if (child.type === "folder") {
+      const sub = folder2.folders.find((f) => f.id === child.id);
+      if (!sub) return null;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        RequestRow,
+        FolderRow,
         {
-          reqId: req.id,
+          folder: sub,
           collectionId,
-          folderId: folder2.id,
-          reqIndex,
-          name: req.name,
-          url: req.url,
-          method: req.method,
-          protocol: req.protocol,
-          authType: req.auth.type,
-          hookType: req.hookType,
-          disabled: req.disabled,
-          tags: req.meta?.tags ?? [],
-          isActive: req.id === activeRequestId,
-          autoRename: req.id === newRequestId,
-          indent: (depth + 1) * 12 + 8,
-          examples: req.examples?.map((e) => ({ id: e.id, name: e.name })),
-          activeExampleId: req.id === activeRequestId ? activeExampleId : null,
-          onSelect: () => onSelectRequest(req.id),
-          onRename: (name2) => onRenameRequest(req.id, name2),
-          onDelete: () => onDeleteRequest(req.id),
-          onDuplicate: () => onDuplicateRequest(req.id),
-          onUpdateTags: (tags2) => onUpdateRequestTags(req.id, tags2),
-          onSetHookType: (ht) => onSetRequestHookType(req.id, ht),
-          onToggleDisabled: () => onToggleRequestDisabled(req.id),
-          onAddExample: () => {
-            const exId = addExampleFromRequest(req.id);
-            if (exId) openExample(req.id, collectionId, exId);
-          },
-          onOpenExample: (exId) => openExample(req.id, collectionId, exId),
-          onRenameExample: (exId, name2) => renameExample(req.id, exId, name2),
-          onDeleteExample: (exId) => deleteExample(req.id, exId),
-          onDuplicateExample: (exId) => duplicateExample(req.id, exId)
-        },
-        req.id
+          parentFolderId: folder2.id,
+          depth: depth + 1,
+          expandCtrl,
+          onAddRequest: () => onAddRequest(sub.id),
+          onAddFolder: () => onAddFolder(sub.id, "New Folder"),
+          onRename: (name2) => onRenameFolder(sub.id, name2),
+          onDelete: () => onDeleteFolder(sub.id),
+          onDuplicate: () => onDuplicateFolder(sub.id),
+          onUpdateTags: (tags2) => onUpdateFolderTags(sub.id, tags2),
+          onRun: () => onRunFolder(sub.id),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FolderContents,
+            {
+              folder: sub,
+              collectionId,
+              requests,
+              activeRequestId,
+              depth: depth + 1,
+              expandCtrl,
+              newRequestId,
+              onSelectRequest,
+              onAddRequest,
+              onAddFolder,
+              onRenameFolder,
+              onDeleteFolder,
+              onDuplicateFolder,
+              onRenameRequest,
+              onDeleteRequest,
+              onDuplicateRequest,
+              onUpdateFolderTags,
+              onUpdateRequestTags,
+              onSetRequestHookType,
+              onToggleRequestDisabled,
+              onRunFolder
+            }
+          )
+        }
       );
-    })
+    }
+    const req = requests[child.id];
+    if (!req) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      RequestRow,
+      {
+        reqId: req.id,
+        collectionId,
+        folderId: folder2.id,
+        name: req.name,
+        url: req.url,
+        method: req.method,
+        protocol: req.protocol,
+        authType: req.auth.type,
+        hookType: req.hookType,
+        disabled: req.disabled,
+        tags: req.meta?.tags ?? [],
+        isActive: req.id === activeRequestId,
+        autoRename: req.id === newRequestId,
+        indent: (depth + 1) * 12 + 8,
+        examples: req.examples?.map((e) => ({ id: e.id, name: e.name })),
+        activeExampleId: req.id === activeRequestId ? activeExampleId : null,
+        onSelect: () => onSelectRequest(req.id),
+        onRename: (name2) => onRenameRequest(req.id, name2),
+        onDelete: () => onDeleteRequest(req.id),
+        onDuplicate: () => onDuplicateRequest(req.id),
+        onUpdateTags: (tags2) => onUpdateRequestTags(req.id, tags2),
+        onSetHookType: (ht) => onSetRequestHookType(req.id, ht),
+        onToggleDisabled: () => onToggleRequestDisabled(req.id),
+        onAddExample: () => {
+          const exId = addExampleFromRequest(req.id);
+          if (exId) openExample(req.id, collectionId, exId);
+        },
+        onOpenExample: (exId) => openExample(req.id, collectionId, exId),
+        onRenameExample: (exId, name2) => renameExample(req.id, exId, name2),
+        onDeleteExample: (exId) => deleteExample(req.id, exId),
+        onDuplicateExample: (exId) => duplicateExample(req.id, exId)
+      }
+    );
+  };
+  const children = orderedChildren(folder2);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DropLine, { collectionId, parentFolderId: folder2.id, index: 0, indent: dropIndent }),
+    children.map((child, k) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React$2.Fragment, { children: [
+      renderChild(child),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DropLine, { collectionId, parentFolderId: folder2.id, index: k + 1, indent: dropIndent })
+    ] }, child.type + ":" + child.id))
   ] });
 }
 function safeDecode(s) {
@@ -52982,8 +53248,8 @@ function jsonWithComments() {
 function xmlWithComments() {
   return [xml(), commentKeymap];
 }
-const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-BPCaARWr.js"), true ? [] : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
-const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-C7Jo_dLW.js"), true ? [] : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
+const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-D8v3dLPR.js"), true ? [] : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
+const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-vPPiu9kt.js"), true ? [] : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
 function BodyTab({ request: request2, onChange }) {
   const t2 = useT();
   const editorFallback = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-xs text-surface-500", children: t2("Loading editor…") });
@@ -55169,10 +55435,10 @@ var scope = {};
   }
   exports$1.and = and;
   const orCode = mappend(exports$1.operators.OR);
-  function or(...args) {
+  function or2(...args) {
     return args.reduce(orCode);
   }
-  exports$1.or = or;
+  exports$1.or = or2;
   function mappend(op) {
     return (x, y) => x === code_12.nil ? y : y === code_12.nil ? x : (0, code_12._)`${par(x)} ${op} ${par(y)}`;
   }
@@ -61431,6 +61697,25 @@ function RequestBuilder({ request: request2 }) {
       return next;
     });
   }
+  const applicableDataSet = reactExports.useMemo(() => {
+    const col = activeCollectionId ? collections[activeCollectionId]?.data : null;
+    if (!col) return null;
+    const folder2 = findFolderContaining(col.rootFolder, request2.id);
+    if (folder2?.dataSet && folder2.dataSet.rows.length > 0) return folder2.dataSet;
+    if (col.dataSet && col.dataSet.rows.length > 0) return col.dataSet;
+    return null;
+  }, [activeCollectionId, collections, request2.id]);
+  const [dataRowIdx, setDataRowIdx] = reactExports.useState(-1);
+  function selectedDataRow() {
+    if (!applicableDataSet || dataRowIdx < 0) return void 0;
+    const row = applicableDataSet.rows[dataRowIdx];
+    if (!row) return void 0;
+    const dr = {};
+    applicableDataSet.columns.forEach((c, ci) => {
+      if (c) dr[c] = row[ci] ?? "";
+    });
+    return dr;
+  }
   function update(patch) {
     if (activeAppTab?.exampleId) updateExampleRequest(request2.id, activeAppTab.exampleId, patch);
     else updateRequest(request2.id, patch);
@@ -61550,7 +61835,8 @@ function RequestBuilder({ request: request2 }) {
           request: mergedRequest,
           collectionVars: { ...collectionVars, ...freshSessionVars },
           globals: liveGlobals,
-          streamId
+          streamId,
+          ...selectedDataRow() ? { dataRow: selectedDataRow() } : {}
         });
       } finally {
         finishLiveStream(streamId);
@@ -61669,135 +61955,156 @@ function RequestBuilder({ request: request2 }) {
         request2.examples?.find((e) => e.id === activeAppTab.exampleId)?.name ?? ""
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-4 py-2 flex-shrink-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex bg-surface-800 border border-surface-700 rounded overflow-hidden text-xs font-bold flex-shrink-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 px-4 py-2 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex bg-surface-800 border border-surface-700 rounded overflow-hidden text-xs font-bold flex-shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => update({ protocol: "http" }),
+              className: `px-2 py-1.5 transition-colors ${!isWs && !isSoap && !isGrpc ? "bg-blue-600 text-white" : "text-surface-500 hover:text-white"}`,
+              title: t2("HTTP request"),
+              children: "HTTP"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => update({ protocol: "websocket" }),
+              className: `px-2 py-1.5 transition-colors ${isWs ? "bg-cyan-700 text-cyan-200" : "text-surface-500 hover:text-white"}`,
+              title: t2("WebSocket"),
+              children: "WS"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => {
+                update({
+                  protocol: "soap",
+                  method: "POST",
+                  body: request2.body.mode === "soap" ? request2.body : { ...request2.body, mode: "soap", soap: request2.body.soap ?? { wsdlUrl: "", envelope: "" } }
+                });
+                if (activeTabId) setTabRequestTab(activeTabId, "body");
+              },
+              className: `px-2 py-1.5 transition-colors ${isSoap ? "bg-amber-700 text-amber-100" : "text-surface-500 hover:text-white"}`,
+              title: t2("SOAP - endpoint and method are derived from the WSDL"),
+              children: "SOAP"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => update({
+                protocol: "grpc",
+                body: request2.body.mode === "grpc" ? request2.body : { ...request2.body, mode: "grpc", grpc: request2.body.grpc ?? { message: "{}", metadata: [], plaintext: false } }
+              }),
+              className: `px-2 py-1.5 transition-colors ${isGrpc ? "bg-violet-700 text-violet-100" : "text-surface-500 hover:text-white"}`,
+              title: t2("gRPC - proto-defined services over HTTP/2"),
+              children: "gRPC"
+            }
+          )
+        ] }),
+        !isWs && !isSoap && !isGrpc && (customVerb ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
           {
-            onClick: () => update({ protocol: "http" }),
-            className: `px-2 py-1.5 transition-colors ${!isWs && !isSoap && !isGrpc ? "bg-blue-600 text-white" : "text-surface-500 hover:text-white"}`,
-            title: t2("HTTP request"),
-            children: "HTTP"
+            autoFocus: true,
+            value: request2.method,
+            onChange: (e) => update({ method: e.target.value.toUpperCase() }),
+            onBlur: () => setCustomVerb(false),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                setCustomVerb(false);
+              }
+            },
+            placeholder: t2("VERB"),
+            title: t2("Type any HTTP method"),
+            className: "w-24 bg-surface-800 border border-blue-500 rounded px-2 py-1.5 text-xs font-bold uppercase focus:outline-none text-fuchsia-400 placeholder-surface-600"
           }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "select",
           {
-            onClick: () => update({ protocol: "websocket" }),
-            className: `px-2 py-1.5 transition-colors ${isWs ? "bg-cyan-700 text-cyan-200" : "text-surface-500 hover:text-white"}`,
-            title: t2("WebSocket"),
-            children: "WS"
+            value: METHODS.includes(request2.method) ? request2.method : "__current__",
+            onChange: (e) => {
+              if (e.target.value === "__custom__") setCustomVerb(true);
+              else if (e.target.value !== "__current__") update({ method: e.target.value });
+            },
+            className: `bg-surface-800 border border-surface-700 rounded px-2 py-1.5 text-xs font-bold focus:outline-none focus:border-blue-500 ${METHOD_COLORS[request2.method] ?? "text-fuchsia-400"}`,
+            children: [
+              METHODS.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m, className: "text-white", children: m }, m)),
+              !METHODS.includes(request2.method) && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "__current__", className: "text-white", children: request2.method }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "__custom__", className: "text-white", children: t2("Custom…") })
+            ]
           }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+        )),
+        isSoap && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
           {
-            onClick: () => {
-              update({
-                protocol: "soap",
-                method: "POST",
-                body: request2.body.mode === "soap" ? request2.body : { ...request2.body, mode: "soap", soap: request2.body.soap ?? { wsdlUrl: "", envelope: "" } }
-              });
-              if (activeTabId) setTabRequestTab(activeTabId, "body");
-            },
-            className: `px-2 py-1.5 transition-colors ${isSoap ? "bg-amber-700 text-amber-100" : "text-surface-500 hover:text-white"}`,
-            title: t2("SOAP - endpoint and method are derived from the WSDL"),
-            children: "SOAP"
+            className: "bg-surface-900 border border-surface-700 rounded px-2 py-1.5 text-xs font-bold text-amber-400 select-none",
+            title: t2("SOAP requests are always POST"),
+            children: "POST"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+        isGrpc && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
           {
-            onClick: () => update({
-              protocol: "grpc",
-              body: request2.body.mode === "grpc" ? request2.body : { ...request2.body, mode: "grpc", grpc: request2.body.grpc ?? { message: "{}", metadata: [], plaintext: false } }
-            }),
-            className: `px-2 py-1.5 transition-colors ${isGrpc ? "bg-violet-700 text-violet-100" : "text-surface-500 hover:text-white"}`,
-            title: t2("gRPC - proto-defined services over HTTP/2"),
+            className: "bg-surface-900 border border-surface-700 rounded px-2 py-1.5 text-xs font-bold text-violet-400 select-none",
+            title: t2("gRPC target is host:port"),
             children: "gRPC"
           }
         )
       ] }),
-      !isWs && !isSoap && !isGrpc && (customVerb ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          autoFocus: true,
-          value: request2.method,
-          onChange: (e) => update({ method: e.target.value.toUpperCase() }),
-          onBlur: () => setCustomVerb(false),
-          onKeyDown: (e) => {
-            if (e.key === "Enter") {
-              e.preventDefault();
-              setCustomVerb(false);
-            }
-          },
-          placeholder: t2("VERB"),
-          title: t2("Type any HTTP method"),
-          className: "w-24 bg-surface-800 border border-blue-500 rounded px-2 py-1.5 text-xs font-bold uppercase focus:outline-none text-fuchsia-400 placeholder-surface-600"
-        }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "select",
-        {
-          value: METHODS.includes(request2.method) ? request2.method : "__current__",
-          onChange: (e) => {
-            if (e.target.value === "__custom__") setCustomVerb(true);
-            else if (e.target.value !== "__current__") update({ method: e.target.value });
-          },
-          className: `bg-surface-800 border border-surface-700 rounded px-2 py-1.5 text-xs font-bold focus:outline-none focus:border-blue-500 ${METHOD_COLORS[request2.method] ?? "text-fuchsia-400"}`,
-          children: [
-            METHODS.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m, className: "text-white", children: m }, m)),
-            !METHODS.includes(request2.method) && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "__current__", className: "text-white", children: request2.method }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "__custom__", className: "text-white", children: t2("Custom…") })
-          ]
-        }
-      )),
-      isSoap && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "span",
-        {
-          className: "bg-surface-900 border border-surface-700 rounded px-2 py-1.5 text-xs font-bold text-amber-400 select-none",
-          title: t2("SOAP requests are always POST"),
-          children: "POST"
-        }
-      ),
-      isGrpc && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "span",
-        {
-          className: "bg-surface-900 border border-surface-700 rounded px-2 py-1.5 text-xs font-bold text-violet-400 select-none",
-          title: t2("gRPC target is host:port"),
-          children: "gRPC"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        VarInput,
-        {
-          value: request2.url,
-          onChange: (url) => update({ url }),
-          onPaste: handleUrlPaste,
-          placeholder: isWs ? "ws://example.com/socket" : isSoap ? t2("Endpoint (auto-filled from WSDL <soap:address>)") : isGrpc ? "localhost:50051" : "https://api.example.com/endpoint",
-          wrapperClassName: "flex-1",
-          className: `border rounded px-3 py-1.5 text-sm focus:outline-none focus:border-blue-500 font-mono placeholder-surface-700 ${isSoap ? "bg-surface-900 border-amber-900/50 text-surface-300" : "bg-surface-800 border-surface-700"}`
-        }
-      ),
-      !isWs && !isGrpc && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+          VarInput,
           {
-            onClick: toggleRunHooks,
-            title: runHooks ? t2("Hooks enabled - click to disable") : t2("Hooks disabled - click to enable"),
-            className: `px-2 py-1.5 rounded text-xs font-medium transition-colors border ${runHooks ? "border-violet-500 text-violet-400 hover:bg-violet-500/10" : "border-surface-700 text-surface-500 hover:text-surface-300"}`,
-            children: t2("hooks")
+            value: request2.url,
+            onChange: (url) => update({ url }),
+            onPaste: handleUrlPaste,
+            placeholder: isWs ? "ws://example.com/socket" : isSoap ? t2("Endpoint (auto-filled from WSDL <soap:address>)") : isGrpc ? "localhost:50051" : "https://api.example.com/endpoint",
+            wrapperClassName: "flex-1",
+            className: `border rounded px-3 py-1.5 text-sm focus:outline-none focus:border-blue-500 font-mono placeholder-surface-700 ${isSoap ? "bg-surface-900 border-amber-900/50 text-surface-300" : "bg-surface-800 border-surface-700"}`
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+        !isWs && !isGrpc && applicableDataSet && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "select",
           {
-            onClick: sendRequest,
-            disabled: isSending || !request2.url,
-            title: t2("Send (Cmd/Ctrl+Enter)"),
-            className: "px-4 py-1.5 bg-blue-600 hover:bg-blue-500 disabled:bg-surface-800 disabled:text-surface-400 rounded text-sm font-medium transition-colors min-w-[72px]",
-            children: isSending ? "..." : t2("Send")
+            value: dataRowIdx,
+            onChange: (e) => setDataRowIdx(Number(e.target.value)),
+            title: t2("Run this request with the variables from one data table row"),
+            className: "bg-surface-800 border border-surface-700 rounded px-2 py-1.5 text-xs focus:outline-none focus:border-blue-500 max-w-[150px]",
+            style: { color: "var(--text-primary)" },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: -1, children: t2("No data row") }),
+              applicableDataSet.rows.map((row, ri) => /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: ri, children: [
+                t2("Row :n", { n: ri + 1 }),
+                row[0] ? ` · ${row[0]}` : ""
+              ] }, ri))
+            ]
           }
-        )
+        ),
+        !isWs && !isGrpc && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: toggleRunHooks,
+              title: runHooks ? t2("Hooks enabled - click to disable") : t2("Hooks disabled - click to enable"),
+              className: `px-2 py-1.5 rounded text-xs font-medium transition-colors border ${runHooks ? "border-violet-500 text-violet-400 hover:bg-violet-500/10" : "border-surface-700 text-surface-500 hover:text-surface-300"}`,
+              children: t2("hooks")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: sendRequest,
+              disabled: isSending || !request2.url,
+              title: t2("Send (Cmd/Ctrl+Enter)"),
+              className: "px-4 py-1.5 bg-blue-600 hover:bg-blue-500 disabled:bg-surface-800 disabled:text-surface-400 rounded text-sm font-medium transition-colors min-w-[72px]",
+              children: isSending ? "..." : t2("Send")
+            }
+          )
+        ] })
       ] })
     ] }),
     showFuzz && /* @__PURE__ */ jsxRuntimeExports.jsx(FuzzModal, { request: request2, onClose: () => setShowFuzz(false) }),
@@ -62737,14 +63044,14 @@ function HookResultsPanel({ results }) {
     ),
     open2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pb-2 flex flex-col gap-0.5", children: results.map((r, i) => {
       const badge = HOOK_BADGE$1[r.hookType ?? ""];
-      const hasDetail = (r.consoleOutput?.length ?? 0) > 0 || (r.testResults?.length ?? 0) > 0 || r.error || r.preScriptError || r.postScriptError;
+      const hasDetail2 = (r.consoleOutput?.length ?? 0) > 0 || (r.testResults?.length ?? 0) > 0 || r.error || r.preScriptError || r.postScriptError;
       const isExpanded = expanded.has(r.requestId + i);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            className: `flex items-center gap-2 py-0.5 ${hasDetail ? "cursor-pointer hover:bg-surface-800/20 rounded px-1 -mx-1" : ""}`,
-            onClick: () => hasDetail && toggle(r.requestId + i),
+            className: `flex items-center gap-2 py-0.5 ${hasDetail2 ? "cursor-pointer hover:bg-surface-800/20 rounded px-1 -mx-1" : ""}`,
+            onClick: () => hasDetail2 && toggle(r.requestId + i),
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-1.5 h-1.5 rounded-full shrink-0 ${r.status === "passed" ? "bg-emerald-500" : r.status === "failed" ? "bg-red-500" : "bg-orange-500"}` }),
               badge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[9px] font-bold px-1 py-0.5 rounded uppercase tracking-wide shrink-0 ${badge.cls}`, children: t2(badge.label) }),
@@ -62754,7 +63061,7 @@ function HookResultsPanel({ results }) {
                 r.durationMs,
                 "ms"
               ] }),
-              hasDetail && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 shrink-0", children: isExpanded ? "▾" : "▸" })
+              hasDetail2 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 shrink-0", children: isExpanded ? "▾" : "▸" })
             ]
           }
         ),
@@ -63177,6 +63484,88 @@ function ConsolePanel({ scriptResult }) {
     )) })
   ] });
 }
+function OverflowMenu({ button, ariaLabel, title: title2, wrapperClassName = "", buttonClassName = "", align = "right", children }) {
+  const [open2, setOpen] = reactExports.useState(false);
+  const wrapRef = reactExports.useRef(null);
+  const menuRef = reactExports.useRef(null);
+  const btnRef = reactExports.useRef(null);
+  const menuId = reactExports.useId();
+  function items2() {
+    if (!menuRef.current) return [];
+    return Array.from(menuRef.current.querySelectorAll('[role="menuitem"]')).filter((el) => el.offsetParent !== null && !el.hasAttribute("disabled"));
+  }
+  reactExports.useEffect(() => {
+    if (!open2) return;
+    function onDown(e) {
+      if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false);
+    }
+    document.addEventListener("mousedown", onDown, true);
+    return () => document.removeEventListener("mousedown", onDown, true);
+  }, [open2]);
+  reactExports.useEffect(() => {
+    if (open2) items2()[0]?.focus();
+  }, [open2]);
+  function onMenuKeyDown(e) {
+    const list = items2();
+    const idx = list.indexOf(document.activeElement);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      list[(idx + 1) % list.length]?.focus();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      list[(idx - 1 + list.length) % list.length]?.focus();
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      list[0]?.focus();
+    } else if (e.key === "End") {
+      e.preventDefault();
+      list[list.length - 1]?.focus();
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      setOpen(false);
+      btnRef.current?.focus();
+    } else if (e.key === "Tab") {
+      setOpen(false);
+    }
+  }
+  function onTriggerKeyDown(e) {
+    if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      setOpen(true);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: wrapRef, className: `relative ${wrapperClassName}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        ref: btnRef,
+        type: "button",
+        "aria-haspopup": "menu",
+        "aria-expanded": open2,
+        "aria-controls": open2 ? menuId : void 0,
+        "aria-label": ariaLabel,
+        title: title2 ?? ariaLabel,
+        onClick: () => setOpen((o) => !o),
+        onKeyDown: onTriggerKeyDown,
+        className: buttonClassName,
+        children: button
+      }
+    ),
+    open2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        ref: menuRef,
+        id: menuId,
+        role: "menu",
+        "aria-label": ariaLabel,
+        onKeyDown: onMenuKeyDown,
+        onClick: () => setOpen(false),
+        className: `absolute top-full mt-1 z-50 min-w-[150px] bg-surface-900 border border-surface-700 rounded-lg shadow-2xl py-1 flex flex-col ${align === "right" ? "right-0" : "left-0"}`,
+        children
+      }
+    )
+  ] });
+}
 function header(headers, name2) {
   const lower = name2.toLowerCase();
   for (const [k, v] of Object.entries(headers)) {
@@ -63358,6 +63747,26 @@ function HistoryTabRow({ entry, onLoad, onResend }) {
     ] })
   ] });
 }
+const TAB_INLINE_VIS = {
+  error: "flex",
+  request: "flex",
+  body: "flex",
+  headers: "flex",
+  tests: "hidden @min-[520px]:flex",
+  console: "hidden @min-[520px]:flex",
+  history: "hidden @min-[720px]:flex",
+  http: "hidden @min-[720px]:flex"
+};
+const TAB_MENU_VIS = {
+  error: "hidden",
+  request: "hidden",
+  body: "hidden",
+  headers: "hidden",
+  tests: "flex @min-[520px]:hidden",
+  console: "flex @min-[520px]:hidden",
+  history: "flex @min-[720px]:hidden",
+  http: "flex @min-[720px]:hidden"
+};
 function ResponseViewer() {
   const t2 = useT();
   const activeTab = useStore((s) => s.tabs.find((t22) => t22.id === s.activeTabId));
@@ -63500,112 +63909,223 @@ function ResponseViewer() {
     },
     entry.id
   )) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col", children: [
-    hookResults && hookResults.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(HookResultsPanel, { results: hookResults }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 px-4 py-1.5 border-b border-surface-800 flex-shrink-0 overflow-x-auto", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `text-sm font-bold shrink-0 ${getStatusColor(response.status)}`, children: [
-        response.status,
-        " ",
-        response.statusText
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-surface-400 shrink-0", children: [
-        response.durationMs,
-        "ms"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-surface-400 shrink-0", children: [
-        (response.bodySize / 1024).toFixed(1),
-        " KB"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-0 ml-2 shrink-0", children: tabList.map((t22) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  function renderTabButton(def2, variant) {
+    const active2 = tab === def2.id;
+    const badge = def2.badge !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] px-1 rounded ${def2.error ? "bg-red-800 text-red-200" : def2.id === "tests" && passedCount < totalCount ? "bg-red-800 text-red-200" : "bg-surface-700 text-white"}`, children: def2.badge }) : null;
+    if (variant === "menu") {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
-          onClick: () => setTab(t22.id),
-          className: `px-3 py-1 text-xs rounded transition-colors flex items-center gap-1 ${tab === t22.id ? "bg-surface-800 text-white" : "text-surface-400 hover:text-white"}`,
+          role: "menuitem",
+          tabIndex: -1,
+          onClick: () => setTab(def2.id),
+          className: `${active2 ? "hidden" : TAB_MENU_VIS[def2.id]} w-full items-center justify-between gap-3 px-3 py-1.5 text-xs ${active2 ? "" : "text-surface-300 hover:bg-surface-800 hover:text-white"}`,
           children: [
-            t22.label,
-            t22.badge !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] px-1 rounded ${t22.error ? "bg-red-800 text-red-200" : t22.id === "tests" && passedCount < totalCount ? "bg-red-800 text-red-200" : "bg-surface-700 text-white"}`, children: t22.badge })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: def2.label }),
+            badge
           ]
         },
-        t22.id
-      )) }),
-      !response.error && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-1 shrink-0", children: [
-        assertToast.toast && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-emerald-400 font-medium px-1", children: assertToast.toast.msg }),
-        contractToast.toast && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-blue-400 font-medium px-1", children: contractToast.toast.msg }),
-        tab === "body" && supportsTree && !response.streamed && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex rounded overflow-hidden border border-surface-800 mr-1", children: [
+        def2.id
+      );
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        role: "tab",
+        "aria-selected": active2,
+        onClick: () => setTab(def2.id),
+        className: `${active2 ? "flex" : TAB_INLINE_VIS[def2.id]} px-3 py-1 text-xs rounded transition-colors items-center gap-1 ${active2 ? "bg-surface-800 text-white" : "text-surface-400 hover:text-white"}`,
+        children: [
+          def2.label,
+          badge
+        ]
+      },
+      def2.id
+    );
+  }
+  function onTablistKey(e) {
+    if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key)) return;
+    const btns = Array.from(e.currentTarget.querySelectorAll('[role="tab"]')).filter((el) => el.offsetParent !== null);
+    const idx = btns.indexOf(document.activeElement);
+    e.preventDefault();
+    if (e.key === "ArrowRight") btns[(idx + 1) % btns.length]?.focus();
+    else if (e.key === "ArrowLeft") btns[(idx - 1 + btns.length) % btns.length]?.focus();
+    else if (e.key === "Home") btns[0]?.focus();
+    else btns[btns.length - 1]?.focus();
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col", children: [
+    hookResults && hookResults.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(HookResultsPanel, { results: hookResults }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "@container flex-shrink-0 border-b border-surface-800", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4 py-1.5 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `text-sm font-bold ${getStatusColor(response.status)}`, children: [
+            response.status,
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "hidden @min-[440px]:inline", children: [
+              " ",
+              response.statusText
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-surface-400", children: [
+            response.durationMs,
+            "ms"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-surface-400", children: [
+            (response.bodySize / 1024).toFixed(1),
+            " KB"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "tablist", "aria-label": t2("Response sections"), onKeyDown: onTablistKey, className: "flex items-center gap-0 min-w-0 ml-1", children: [
+          tabList.map((def2) => renderTabButton(def2, "inline")),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            OverflowMenu,
+            {
+              wrapperClassName: "flex @min-[720px]:hidden",
+              buttonClassName: "px-2 py-1 text-xs rounded text-surface-400 hover:text-white hover:bg-surface-800 flex items-center gap-1",
+              button: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                t2("More"),
+                " ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", children: "▾" })
+              ] }),
+              ariaLabel: t2("More response sections"),
+              align: "left",
+              children: tabList.map((def2) => renderTabButton(def2, "menu"))
+            }
+          )
+        ] })
+      ] }),
+      !response.error && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-4 py-1 border-t border-surface-800/60 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] uppercase tracking-wider text-surface-500 font-medium truncate", children: tabList.find((x) => x.id === tab)?.label ?? t2("Body") }),
+        assertToast.toast && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-emerald-400 font-medium px-1 shrink-0", children: assertToast.toast.msg }),
+        contractToast.toast && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-blue-400 font-medium px-1 shrink-0", children: contractToast.toast.msg }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-1 shrink-0", children: [
+          tab === "body" && supportsTree && !response.streamed && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "group", "aria-label": t2("Body view mode"), className: "flex rounded overflow-hidden border border-surface-800 mr-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => setBodyView("tree"),
+                "aria-pressed": bodyView === "tree",
+                className: `px-2 py-0.5 text-[10px] transition-colors ${bodyView === "tree" ? "bg-surface-700 text-white" : "text-surface-600 hover:text-white"}`,
+                title: t2("Interactive tree view - click values to add assertions"),
+                children: t2("Tree")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => setBodyView("raw"),
+                "aria-pressed": bodyView === "raw",
+                className: `px-2 py-0.5 text-[10px] transition-colors ${bodyView === "raw" ? "bg-surface-700 text-white" : "text-surface-600 hover:text-white"}`,
+                title: t2("Raw body view"),
+                children: t2("Raw")
+              }
+            ),
+            showTable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => setBodyView("table"),
+                "aria-pressed": bodyView === "table",
+                className: `px-2 py-0.5 text-[10px] transition-colors ${bodyView === "table" ? "bg-surface-700 text-white" : "text-surface-600 hover:text-white"}`,
+                title: t2("Show an array in the response as a sortable table"),
+                children: t2("Table")
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              onClick: () => setBodyView("tree"),
-              className: `px-2 py-0.5 text-[10px] transition-colors ${bodyView === "tree" ? "bg-surface-700 text-white" : "text-surface-600 hover:text-white"}`,
-              title: t2("Interactive tree view - click values to add assertions"),
-              children: t2("Tree")
+              onClick: () => setPinned(response),
+              "aria-pressed": pinnedResponse === response,
+              title: t2("Pin this response to compare against later responses"),
+              className: `px-2 py-0.5 text-[10px] rounded transition-colors shrink-0 ${pinnedResponse === response ? "bg-blue-700 text-white" : "bg-surface-800 hover:bg-surface-700"}`,
+              children: t2("Pin")
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          pinnedResponse && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              onClick: () => setBodyView("raw"),
-              className: `px-2 py-0.5 text-[10px] transition-colors ${bodyView === "raw" ? "bg-surface-700 text-white" : "text-surface-600 hover:text-white"}`,
-              title: t2("Raw body view"),
-              children: t2("Raw")
+              onClick: () => setDiffMode((d) => !d),
+              "aria-pressed": diffMode,
+              title: t2("Toggle diff view against pinned response"),
+              className: `hidden @min-[350px]:flex px-2 py-0.5 text-[10px] rounded transition-colors ${diffMode ? "bg-amber-700 text-white" : "bg-surface-800 hover:bg-surface-700"}`,
+              children: t2("Diff")
             }
           ),
-          showTable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: saveAsContract,
+              className: "hidden @min-[350px]:flex px-2 py-0.5 text-[10px] bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+              title: t2("Capture this response as a contract expectation"),
+              children: [
+                "↓ ",
+                t2("Contract")
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "button",
             {
-              onClick: () => setBodyView("table"),
-              className: `px-2 py-0.5 text-[10px] transition-colors ${bodyView === "table" ? "bg-surface-700 text-white" : "text-surface-600 hover:text-white"}`,
-              title: t2("Show an array in the response as a sortable table"),
-              children: t2("Table")
+              onClick: () => setShowMockModal(true),
+              className: "hidden @min-[350px]:flex px-2 py-0.5 text-[10px] bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+              title: t2("Save this response as a mock route"),
+              children: [
+                "↓ ",
+                t2("Mock")
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            OverflowMenu,
+            {
+              wrapperClassName: "flex @min-[350px]:hidden",
+              buttonClassName: "px-1.5 py-1 text-[10px] rounded bg-surface-800 hover:bg-surface-700 text-surface-300 flex items-center",
+              button: /* @__PURE__ */ jsxRuntimeExports.jsx(DotsHorizontalIcon, {}),
+              ariaLabel: t2("More actions"),
+              children: [
+                pinnedResponse && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    role: "menuitem",
+                    tabIndex: -1,
+                    onClick: () => setDiffMode((d) => !d),
+                    className: "flex @min-[350px]:hidden w-full items-center gap-2 px-3 py-1.5 text-xs text-surface-300 hover:bg-surface-800 hover:text-white",
+                    children: t2("Diff")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "button",
+                  {
+                    role: "menuitem",
+                    tabIndex: -1,
+                    onClick: saveAsContract,
+                    className: "flex @min-[350px]:hidden w-full items-center gap-2 px-3 py-1.5 text-xs text-surface-300 hover:bg-surface-800 hover:text-white",
+                    children: [
+                      "↓ ",
+                      t2("Contract")
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "button",
+                  {
+                    role: "menuitem",
+                    tabIndex: -1,
+                    onClick: () => setShowMockModal(true),
+                    className: "flex @min-[350px]:hidden w-full items-center gap-2 px-3 py-1.5 text-xs text-surface-300 hover:bg-surface-800 hover:text-white",
+                    children: [
+                      "↓ ",
+                      t2("Mock")
+                    ]
+                  }
+                )
+              ]
             }
           )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => setPinned(response),
-            title: t2("Pin this response to compare against later responses"),
-            className: `px-2 py-0.5 text-[10px] rounded transition-colors ${pinnedResponse === response ? "bg-blue-700 text-white" : "bg-surface-800 hover:bg-surface-700"}`,
-            children: t2("Pin")
-          }
-        ),
-        pinnedResponse && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => setDiffMode((d) => !d),
-            title: t2("Toggle diff view against pinned response"),
-            className: `px-2 py-0.5 text-[10px] rounded transition-colors ${diffMode ? "bg-amber-700 text-white" : "bg-surface-800 hover:bg-surface-700"}`,
-            children: t2("Diff")
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            onClick: saveAsContract,
-            className: "px-2 py-0.5 text-[10px] bg-surface-800 hover:bg-surface-700 rounded transition-colors",
-            title: t2("Capture this response as a contract expectation"),
-            children: [
-              "↓ ",
-              t2("Contract")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            onClick: () => setShowMockModal(true),
-            className: "px-2 py-0.5 text-[10px] bg-surface-800 hover:bg-surface-700 rounded transition-colors",
-            title: t2("Save this response as a mock route"),
-            children: [
-              "↓ ",
-              t2("Mock")
-            ]
-          }
-        )
+        ] })
       ] })
     ] }),
     showMockModal && /* @__PURE__ */ jsxRuntimeExports.jsx(SaveAsMockModal, { onClose: () => setShowMockModal(false) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 flex flex-col overflow-y-auto", children: response.error ? tab === "request" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RequestPanel, { sentRequest }) : tab === "history" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: historyContent }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col p-4 gap-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { role: "tabpanel", "aria-label": tabList.find((x) => x.id === tab)?.label, className: "flex-1 min-h-0 flex flex-col overflow-y-auto", children: response.error ? tab === "request" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RequestPanel, { sentRequest }) : tab === "history" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: historyContent }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col p-4 gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-red-400 text-sm font-medium", children: t2("Request failed") }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-red-300 whitespace-pre-wrap", children: response.error })
     ] }) : diffMode && pinnedResponse ? /* @__PURE__ */ jsxRuntimeExports.jsx(DiffView, { pinned: pinnedResponse, current: response }) : tab === "body" && response.streamed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -64285,7 +64805,7 @@ function WelcomeScreen() {
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-400 text-sm max-w-sm", children: t2("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: t2("version :version", { version: "0.5.7" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t2("version :version", { version: "0.5.9" }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67538,6 +68058,68 @@ function StatusDot({ status }) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `inline-block w-2 h-2 rounded-full shrink-0 ${colors[status] ?? "bg-surface-700"}` });
 }
+function hasDetail(r) {
+  return !!(r.testResults?.length || r.consoleOutput?.length || r.preScriptError || r.postScriptError || r.sentRequest || r.receivedResponse || r.error && !r.error.startsWith("Skipped"));
+}
+function DetailSection({ label, children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] uppercase tracking-wider text-surface-600 font-semibold", children: label }),
+    children
+  ] });
+}
+function KVRows$1({ rows }) {
+  if (rows.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5", children: rows.map(([k, v]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 font-mono text-[10px]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500 shrink-0", children: [
+      k,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 break-all", children: v })
+  ] }, k)) });
+}
+const PRE_CLS = "text-[10px] font-mono text-surface-300 bg-surface-900 border border-surface-800 rounded px-2 py-1.5 overflow-x-auto whitespace-pre-wrap break-words max-h-56 overflow-y-auto";
+function ResultDetail({ r }) {
+  const t2 = useT();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 text-xs", children: [
+    r.testResults && r.testResults.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(DetailSection, { label: t2("Tests"), children: r.testResults.map((tr, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tr.passed ? "text-emerald-400" : "text-red-400", children: tr.passed ? "✓" : "✗" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300", children: tr.name }),
+      tr.error && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 font-mono text-[10px] break-all", children: tr.error })
+    ] }, i)) }),
+    (r.preScriptError || r.postScriptError) && /* @__PURE__ */ jsxRuntimeExports.jsxs(DetailSection, { label: t2("Script errors"), children: [
+      r.preScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-red-300 font-mono break-all", children: [
+        t2("Pre-script:"),
+        " ",
+        r.preScriptError
+      ] }),
+      r.postScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-red-300 font-mono break-all", children: [
+        t2("Post-script:"),
+        " ",
+        r.postScriptError
+      ] })
+    ] }),
+    r.error && !r.error.startsWith("Skipped") && /* @__PURE__ */ jsxRuntimeExports.jsx(DetailSection, { label: t2("Error"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-red-300 font-mono break-all", children: r.error }) }),
+    r.consoleOutput && r.consoleOutput.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(DetailSection, { label: t2("Console"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PRE_CLS, children: r.consoleOutput.join("\n") }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DetailSection, { label: t2("Request"), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "font-mono text-[10px] text-surface-300 break-all", children: [
+        r.method,
+        " ",
+        r.resolvedUrl
+      ] }),
+      r.sentRequest && /* @__PURE__ */ jsxRuntimeExports.jsx(KVRows$1, { rows: Object.entries(r.sentRequest.headers ?? {}) }),
+      r.sentRequest?.body && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PRE_CLS, children: r.sentRequest.body })
+    ] }),
+    r.receivedResponse && /* @__PURE__ */ jsxRuntimeExports.jsxs(DetailSection, { label: t2("Response"), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-mono text-[10px]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: r.receivedResponse.status < 400 ? "text-emerald-400" : "text-red-400", children: [
+        r.receivedResponse.status,
+        " ",
+        r.receivedResponse.statusText
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(KVRows$1, { rows: Object.entries(r.receivedResponse.headers ?? {}) }),
+      r.receivedResponse.body && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PRE_CLS, children: r.receivedResponse.body })
+    ] })
+  ] });
+}
 function RunnerModal() {
   const t2 = useT();
   const runnerModal = useStore((s) => s.runnerModal);
@@ -67558,6 +68140,13 @@ function RunnerModal() {
   const [copiedKey, setCopiedKey] = reactExports.useState(null);
   const [exportFormat, setExportFormat] = reactExports.useState("json");
   const [requestDelay, setRequestDelay] = reactExports.useState(0);
+  const [expandedRows, setExpandedRows] = reactExports.useState(/* @__PURE__ */ new Set());
+  const toggleRow = (idx) => setExpandedRows((prev) => {
+    const next = new Set(prev);
+    if (next.has(idx)) next.delete(idx);
+    else next.add(idx);
+    return next;
+  });
   const { collectionId, folderId } = runnerModal;
   const colEntry = collectionId ? collections[collectionId] : null;
   const colName = colEntry?.data.name ?? t2("Collection");
@@ -67574,6 +68163,7 @@ function RunnerModal() {
     setFilterTags(initFilterTagsRef.current);
     setSelectedEnvId(initEnvIdRef.current ?? "");
     setSummary(null);
+    setExpandedRows(/* @__PURE__ */ new Set());
     progressIdxRef.current = 0;
   }, [runnerModal.open]);
   const toggleTag = (tag) => setFilterTags((prev) => prev.includes(tag) ? prev.filter((tg) => tg !== tag) : [...prev, tag]);
@@ -67581,22 +68171,9 @@ function RunnerModal() {
     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;
-    if (ds.rows.length > 0) {
-      items2 = ds.rows.flatMap((row, ri) => {
-        const dataRow = {};
-        ds.columns.forEach((col2, ci) => {
-          dataRow[col2] = row[ci] ?? "";
-        });
-        return baseItems.map((item) => ({
-          ...item,
-          dataRow,
-          iterationLabel: `${ri + 1}/${ds.rows.length}`
-        }));
-      });
-    } else {
-      items2 = baseItems;
-    }
+    let items2 = baseItems;
+    if (!folderId && colEntry) items2 = expandFolderDataSets(items2, colEntry.data);
+    items2 = expandRunPlanWithData(items2, ds);
     const col = colEntry?.data;
     if (col) {
       items2 = items2.map((item) => {
@@ -67613,6 +68190,7 @@ function RunnerModal() {
       });
     }
     const env2 = resolveEnvironmentById(environments, selectedEnvId || null);
+    setExpandedRows(/* @__PURE__ */ new Set());
     setRunnerResults(items2.map((item) => ({
       requestId: item.request.id,
       name: item.request.name,
@@ -67779,9 +68357,13 @@ function RunnerModal() {
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "tr",
               {
-                className: `border-b border-surface-800/50 hover:bg-surface-800/30 ${r.isHook ? "opacity-80" : ""}`,
+                onClick: () => hasDetail(r) && toggleRow(idx),
+                className: `border-b border-surface-800/50 hover:bg-surface-800/30 ${r.isHook ? "opacity-80" : ""} ${hasDetail(r) ? "cursor-pointer" : ""}`,
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-4 py-2 w-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status: r.status }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-4 py-2 w-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 text-surface-600 text-[9px]", children: hasDetail(r) ? expandedRows.has(idx) ? "▾" : "▸" : "" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status: r.status })
+                  ] }) }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-2 w-20", children: r.isHook && r.hookType ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wide whitespace-nowrap ${HOOK_BADGE[r.hookType]?.cls ?? ""}`, children: t2(HOOK_BADGE[r.hookType]?.label ?? "") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold ${getMethodColor(r.method)}`, children: r.method }) }),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "py-2 pr-2", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `truncate max-w-[260px] ${r.isHook ? "text-surface-400 italic" : "text-[var(--text-primary)]"}`, children: [
@@ -67805,7 +68387,8 @@ function RunnerModal() {
                   ] })
                 ]
               }
-            )
+            ),
+            expandedRows.has(idx) && hasDetail(r) && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "border-b border-surface-800/50 bg-surface-950/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 6, className: "px-6 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResultDetail, { r }) }) })
           ] }, idx);
         }) }) }) }),
         summary && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4 py-2 border-t border-surface-800 bg-surface-800/30 flex-shrink-0 text-xs", children: [
@@ -72665,7 +73248,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.5.7"
+        "0.5.9"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(