@testsmith/api-spector 0.4.5 → 0.4.7

package/out/renderer/assets/{index-CjLzO0tH.js → index-B-OQJk1G.js}

@@ -2515,11 +2515,11 @@ function constructSelectEvent(dispatchQueue, nativeEvent, nativeEventTarget) {
     nativeEventTarget
   ), dispatchQueue.push({ event: nativeEvent, listeners: doc2 }), nativeEvent.target = activeElement)));
 }
-function makePrefixMap(styleProp, eventName) {
+function makePrefixMap(styleProp, eventName2) {
   var prefixes = {};
-  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-  prefixes["Webkit" + styleProp] = "webkit" + eventName;
-  prefixes["Moz" + styleProp] = "moz" + eventName;
+  prefixes[styleProp.toLowerCase()] = eventName2.toLowerCase();
+  prefixes["Webkit" + styleProp] = "webkit" + eventName2;
+  prefixes["Moz" + styleProp] = "moz" + eventName2;
   return prefixes;
 }
 var vendorPrefixes = {
@@ -2532,14 +2532,14 @@ var vendorPrefixes = {
   transitionend: makePrefixMap("Transition", "TransitionEnd")
 }, prefixedEventNames = {}, style = {};
 canUseDOM && (style = document.createElement("div").style, "AnimationEvent" in window || (delete vendorPrefixes.animationend.animation, delete vendorPrefixes.animationiteration.animation, delete vendorPrefixes.animationstart.animation), "TransitionEvent" in window || delete vendorPrefixes.transitionend.transition);
-function getVendorPrefixedEventName(eventName) {
-  if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
-  if (!vendorPrefixes[eventName]) return eventName;
-  var prefixMap = vendorPrefixes[eventName], styleProp;
+function getVendorPrefixedEventName(eventName2) {
+  if (prefixedEventNames[eventName2]) return prefixedEventNames[eventName2];
+  if (!vendorPrefixes[eventName2]) return eventName2;
+  var prefixMap = vendorPrefixes[eventName2], styleProp;
   for (styleProp in prefixMap)
     if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
-      return prefixedEventNames[eventName] = prefixMap[styleProp];
-  return eventName;
+      return prefixedEventNames[eventName2] = prefixMap[styleProp];
+  return eventName2;
 }
 var ANIMATION_END = getVendorPrefixedEventName("animationend"), ANIMATION_ITERATION = getVendorPrefixedEventName("animationiteration"), ANIMATION_START = getVendorPrefixedEventName("animationstart"), TRANSITION_RUN = getVendorPrefixedEventName("transitionrun"), TRANSITION_START = getVendorPrefixedEventName("transitionstart"), TRANSITION_CANCEL = getVendorPrefixedEventName("transitioncancel"), TRANSITION_END = getVendorPrefixedEventName("transitionend"), topLevelEventsToReactNames = /* @__PURE__ */ new Map(), simpleEventPluginEvents = "abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(
   " "
@@ -13403,6 +13403,25 @@ const createWsSlice = (set2) => ({
     if (s.wsConnections[requestId]) s.wsConnections[requestId].messages = [];
   })
 });
+const LIVE_EVENT_CAP = 5e3;
+const createStreamSlice = (set2) => ({
+  liveStream: null,
+  startLiveStream: (tabId, streamId) => set2((s) => {
+    s.liveStream = { streamId, tabId, events: [], streaming: true };
+  }),
+  pushLiveStreamEvents: (streamId, events) => set2((s) => {
+    if (!s.liveStream || s.liveStream.streamId !== streamId) return;
+    s.liveStream.events.push(...events);
+    const overflow = s.liveStream.events.length - LIVE_EVENT_CAP;
+    if (overflow > 0) s.liveStream.events.splice(0, overflow);
+  }),
+  finishLiveStream: (streamId) => set2((s) => {
+    if (s.liveStream?.streamId === streamId) s.liveStream.streaming = false;
+  }),
+  clearLiveStream: (tabId) => set2((s) => {
+    if (s.liveStream?.tabId === tabId) s.liveStream = null;
+  })
+});
 const HISTORY_CAP = 200;
 let saveTimer = null;
 function persistIfEnabled(get2) {
@@ -13508,6 +13527,7 @@ function makeTab(requestId, collectionId, opts = {}) {
   return {
     id: v4(),
     requestId,
+    exampleId: opts.exampleId ?? null,
     collectionId,
     lastResponse: null,
     lastScriptResult: null,
@@ -13536,7 +13556,7 @@ const createTabsSlice = (set2, get2) => ({
   activeCollectionId: null,
   openInTab: (requestId, collectionId) => set2((s) => {
     s.collectionPanelOpen = false;
-    const existing = s.tabs.find((t2) => t2.requestId === requestId);
+    const existing = s.tabs.find((t2) => t2.requestId === requestId && !t2.exampleId);
     if (existing) {
       s.activeTabId = existing.id;
       s.activeCollectionId = collectionId;
@@ -13853,6 +13873,117 @@ const createCollectionsSlice = (set2, get2) => ({
     Object.assign(entry.data.requests[id2], patch);
     entry.dirty = true;
   }),
+  // ── Request examples ────────────────────────────────────────────────────────
+  addExample: (requestId, snapshot) => {
+    const id2 = v4();
+    set2((s) => {
+      const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+      if (!entry) return;
+      const req = entry.data.requests[requestId];
+      const list2 = req.examples ?? (req.examples = []);
+      const example = {
+        id: id2,
+        name: snapshot.name || uniqueName("Example", list2.map((e) => e.name)),
+        request: snapshot.request,
+        response: snapshot.response ?? null,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        source: "saved"
+      };
+      list2.push(example);
+      entry.dirty = true;
+    });
+    return id2;
+  },
+  addExampleFromRequest: (requestId) => {
+    const entry = Object.values(get2().collections).find((c) => c.data.requests[requestId]);
+    if (!entry) return null;
+    const req = entry.data.requests[requestId];
+    const id2 = v4();
+    const example = {
+      id: id2,
+      name: uniqueName("Example", (req.examples ?? []).map((e) => e.name)),
+      request: {
+        method: req.method,
+        url: req.url,
+        headers: structuredClone(req.headers),
+        params: structuredClone(req.params),
+        auth: structuredClone(req.auth),
+        body: structuredClone(req.body)
+      },
+      response: null,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      source: "saved"
+    };
+    set2((s) => {
+      const e = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+      if (!e) return;
+      const r = e.data.requests[requestId];
+      (r.examples ?? (r.examples = [])).push(example);
+      e.dirty = true;
+    });
+    return id2;
+  },
+  updateExampleRequest: (requestId, exampleId, patch) => set2((s) => {
+    const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+    const ex = entry?.data.requests[requestId].examples?.find((e) => e.id === exampleId);
+    if (!entry || !ex) return;
+    ex.request = { ...ex.request ?? {}, ...patch };
+    entry.dirty = true;
+  }),
+  updateExampleResponse: (requestId, exampleId, response) => set2((s) => {
+    const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+    const ex = entry?.data.requests[requestId].examples?.find((e) => e.id === exampleId);
+    if (!entry || !ex) return;
+    ex.response = response;
+    entry.dirty = true;
+  }),
+  renameExample: (requestId, exampleId, name2) => set2((s) => {
+    const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+    const ex = entry?.data.requests[requestId].examples?.find((e) => e.id === exampleId);
+    if (!entry || !ex) return;
+    ex.name = name2;
+    entry.dirty = true;
+  }),
+  deleteExample: (requestId, exampleId) => set2((s) => {
+    const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+    const req = entry?.data.requests[requestId];
+    if (!entry || !req?.examples) return;
+    req.examples = req.examples.filter((e) => e.id !== exampleId);
+    entry.dirty = true;
+    const idx = s.tabs.findIndex((t2) => t2.requestId === requestId && t2.exampleId === exampleId);
+    if (idx !== -1) {
+      const wasActive = s.tabs[idx].id === s.activeTabId;
+      s.tabs.splice(idx, 1);
+      if (wasActive) s.activeTabId = (s.tabs[idx] ?? s.tabs[idx - 1] ?? null)?.id ?? null;
+    }
+  }),
+  duplicateExample: (requestId, exampleId) => set2((s) => {
+    const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+    const list2 = entry?.data.requests[requestId].examples;
+    const ex = list2?.find((e) => e.id === exampleId);
+    if (!entry || !list2 || !ex) return;
+    list2.push({
+      ...structuredClone(ex),
+      id: v4(),
+      name: uniqueName(ex.name, list2.map((e) => e.name)),
+      createdAt: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    entry.dirty = true;
+  }),
+  openExample: (requestId, collectionId, exampleId) => set2((s) => {
+    const existing = s.tabs.find((t2) => t2.requestId === requestId && t2.exampleId === exampleId);
+    if (existing) {
+      s.activeTabId = existing.id;
+      s.activeCollectionId = collectionId;
+      return;
+    }
+    const ex = Object.values(s.collections).find((c) => c.data.requests[requestId])?.data.requests[requestId].examples?.find((e) => e.id === exampleId);
+    const tab = makeTab(requestId, collectionId, { protocol: protocolFor(s, requestId), exampleId });
+    tab.lastResponse = ex?.response ?? null;
+    s.tabs.push(tab);
+    s.activeTabId = tab.id;
+    s.activeCollectionId = collectionId;
+  }),
   renameRequest: (id2, name2) => set2((s) => {
     const entry = Object.values(s.collections).find((c) => c.data.requests[id2]);
     if (!entry) return;
@@ -14206,6 +14337,7 @@ const useStore = create()(
   immer((set2, get2, api) => ({
     // ── Slice composition ─────────────────────────────────────────────────────
     ...createWsSlice(set2),
+    ...createStreamSlice(set2),
     ...createHistorySlice(set2, get2),
     ...createRunnerSlice(set2),
     ...createRecorderSlice(set2),
@@ -14298,7 +14430,7 @@ const useStore = create()(
     })
   }))
 );
-const { electron: electron$s } = window;
+const { electron: electron$v } = window;
 function useAutoSave() {
   const collections = useStore((s) => s.collections);
   useStore((s) => s.environments);
@@ -14314,7 +14446,7 @@ function useAutoSave() {
       for (const { relPath, data, dirty } of dirtyCollections) {
         if (!dirty) continue;
         try {
-          await electron$s.saveCollection(relPath, data);
+          await electron$v.saveCollection(relPath, data);
           markCollectionClean(data.id);
         } catch (e) {
           console.error("Auto-save failed for", relPath, e);
@@ -14330,7 +14462,7 @@ function useAutoSave() {
     if (wsTimerRef.current) clearTimeout(wsTimerRef.current);
     wsTimerRef.current = setTimeout(async () => {
       try {
-        await electron$s.saveWorkspace(workspace);
+        await electron$v.saveWorkspace(workspace);
       } catch {
       }
     }, 300);
@@ -14339,7 +14471,7 @@ function useAutoSave() {
     };
   }, [workspace]);
 }
-const { electron: electron$r } = window;
+const { electron: electron$u } = window;
 function useWorkspaceLoader() {
   const loadCollection = useStore((s) => s.loadCollection);
   const loadEnvironment = useStore((s) => s.loadEnvironment);
@@ -14363,7 +14495,7 @@ function useWorkspaceLoader() {
     if (typeof ws2.settings?.zoom === "number") setZoom(ws2.settings.zoom);
     if (ws2.settings?.persistHistory) {
       try {
-        const entries = await electron$r.loadHistory();
+        const entries = await electron$u.loadHistory();
         useStore.getState().setHistory(entries);
       } catch {
       }
@@ -14372,14 +14504,14 @@ function useWorkspaceLoader() {
     }
     for (const colPath of ws2.collections ?? []) {
       try {
-        const col = await electron$r.loadCollection(colPath);
+        const col = await electron$u.loadCollection(colPath);
         loadCollection(colPath, col);
       } catch {
       }
     }
     for (const envPath of ws2.environments ?? []) {
       try {
-        const env = await electron$r.loadEnvironment(envPath);
+        const env = await electron$u.loadEnvironment(envPath);
         loadEnvironment(envPath, env);
       } catch {
       }
@@ -14398,19 +14530,19 @@ function useWorkspaceLoader() {
     }
     for (const relPath of ws2.mocks ?? []) {
       try {
-        const mockData = await electron$r.loadMock(relPath);
+        const mockData = await electron$u.loadMock(relPath);
         loadMock(relPath, mockData);
       } catch {
       }
     }
     try {
-      const snapshots = await electron$r.listContractSnapshots(ws2.contracts ?? []);
+      const snapshots = await electron$u.listContractSnapshots(ws2.contracts ?? []);
       for (const { relPath, snapshot } of snapshots) loadContractSnapshot(relPath, snapshot);
     } catch {
     }
     if ((ws2.collections ?? []).length > 0) {
       try {
-        const firstCol = await electron$r.loadCollection(ws2.collections[0]);
+        const firstCol = await electron$u.loadCollection(ws2.collections[0]);
         setActiveCollection(firstCol.id);
       } catch {
       }
@@ -34460,6 +34592,81 @@ const HEADERS_METHODS = [
   { label: "get", type: "function", detail: "(name)", info: "Get a header value by name (case-insensitive)" },
   { label: "toObject", type: "function", detail: "()", info: "Return all headers as a plain object" }
 ];
+const CHAI_METHODS = [
+  { label: "equal", type: "function", detail: "(value)", info: "Strict (===) equality" },
+  { label: "eql", type: "function", detail: "(value)", info: "Deep equality" },
+  { label: "include", type: "function", detail: "(value)", info: "Target includes value (string / array / object)" },
+  { label: "contain", type: "function", detail: "(value)", info: "Alias of include" },
+  { label: "match", type: "function", detail: "(regexp)", info: "String matches a regular expression" },
+  { label: "above", type: "function", detail: "(n)", info: "Greater than n" },
+  { label: "below", type: "function", detail: "(n)", info: "Less than n" },
+  { label: "least", type: "function", detail: "(n)", info: "Greater than or equal to n" },
+  { label: "most", type: "function", detail: "(n)", info: "Less than or equal to n" },
+  { label: "within", type: "function", detail: "(min, max)", info: "Number within an inclusive range" },
+  { label: "closeTo", type: "function", detail: "(expected, delta)", info: "Number close to expected within delta" },
+  { label: "a", type: "function", detail: "(type)", info: "Type check, e.g. .to.be.a('string')" },
+  { label: "an", type: "function", detail: "(type)", info: "Type check, e.g. .to.be.an('array')" },
+  { label: "property", type: "function", detail: "(name, [value])", info: "Object has a property (optionally equal to value)" },
+  { label: "lengthOf", type: "function", detail: "(n)", info: "Array / string length equals n" },
+  { label: "keys", type: "function", detail: "(...keys)", info: "Object has the given keys" },
+  { label: "members", type: "function", detail: "(array)", info: "Array has the given members" },
+  { label: "oneOf", type: "function", detail: "(array)", info: "Value is one of the array" },
+  { label: "throw", type: "function", detail: "([error])", info: "Function throws" },
+  { label: "satisfy", type: "function", detail: "(fn)", info: "Value satisfies a predicate" }
+];
+const CHAI_GETTERS = [
+  { label: "true", type: "property", info: "Value is true" },
+  { label: "false", type: "property", info: "Value is false" },
+  { label: "null", type: "property", info: "Value is null" },
+  { label: "undefined", type: "property", info: "Value is undefined" },
+  { label: "NaN", type: "property", info: "Value is NaN" },
+  { label: "ok", type: "property", info: "Value is truthy" },
+  { label: "empty", type: "property", info: "Array / string / object is empty" },
+  { label: "exist", type: "property", info: "Value is neither null nor undefined" }
+];
+const chaiWords = (words) => words.map((w) => ({ label: w, type: "property", info: "Chai chain" }));
+const chaiPick = (labels) => CHAI_METHODS.filter((c) => labels.includes(c.label));
+const CHAI_AFTER = {
+  "": [...chaiWords(["to", "not"]), ...chaiPick(["equal"])],
+  // right after expect(...)
+  to: [...chaiWords(["be", "have", "include", "deep", "not", "a", "an"]), ...CHAI_METHODS],
+  not: [...chaiWords(["be", "have", "include", "deep", "a", "an"]), ...CHAI_METHODS],
+  be: [...CHAI_GETTERS, ...chaiPick(["above", "below", "within", "a", "an", "oneOf", "closeTo", "empty"])],
+  been: [...CHAI_GETTERS, ...chaiPick(["above", "below", "within"])],
+  have: chaiPick(["property", "lengthOf", "keys", "members"]),
+  has: chaiPick(["property", "lengthOf", "keys", "members"]),
+  deep: chaiPick(["equal", "include", "members", "property"])
+};
+const CHAI_DEFAULT = [
+  ...chaiWords(["to", "be", "have", "include", "not", "deep"]),
+  ...CHAI_METHODS,
+  ...CHAI_GETTERS
+];
+function chaiChainCompletion(textBefore, pos) {
+  const start = textBefore.lastIndexOf("sp.expect(");
+  if (start === -1) return null;
+  let depth = 0, close = -1;
+  for (let i = start + "sp.expect".length; i < textBefore.length; i++) {
+    const ch = textBefore[i];
+    if (ch === "(") depth++;
+    else if (ch === ")") {
+      depth--;
+      if (depth === 0) {
+        close = i;
+        break;
+      }
+    }
+  }
+  if (close === -1) return null;
+  const chain = textBefore.slice(close + 1);
+  const m = /^((?:\.\w+)*)\.(\w*)$/.exec(chain);
+  if (!m) return null;
+  const priorWords = m[1] ? m[1].split(".").filter(Boolean) : [];
+  const lastWord = priorWords.length ? priorWords[priorWords.length - 1] : "";
+  const partial = m[2].toLowerCase();
+  const options = (CHAI_AFTER[lastWord] ?? CHAI_DEFAULT).filter((o) => o.label.toLowerCase().includes(partial));
+  return { from: pos - m[2].length, options, validFor: /^\w*$/ };
+}
 const FAKER_NAMESPACES = [
   { label: "string", type: "property", info: "String generators" },
   { label: "number", type: "property", info: "Number generators" },
@@ -34597,6 +34804,8 @@ function makeAtCompletionSource(varNames) {
         validFor: /^\w*$/
       };
     }
+    const chai = chaiChainCompletion(textBefore, context.pos);
+    if (chai) return chai;
     const headersMatch = /\bsp\.response\.headers\.(\w*)$/.exec(textBefore);
     if (headersMatch) {
       return { from: context.pos - headersMatch[1].length, options: HEADERS_METHODS, validFor: /^\w*$/ };
@@ -36219,7 +36428,7 @@ function CollectionSettingsModal({ collection, onClose }) {
     }
   );
 }
-const { electron: electron$q } = window;
+const { electron: electron$t } = window;
 function normalisePath(url) {
   let path = url.replace(/^\{\{[^}]+\}\}/, "").replace(/^https?:\/\/[^/]+/, "");
   if (!path.startsWith("/")) path = "/" + path;
@@ -36306,7 +36515,7 @@ function SchemaSyncModal({
     setLoading(true);
     setError(null);
     try {
-      const entries = await electron$q.extractOpenApiSchemas();
+      const entries = await electron$t.extractOpenApiSchemas();
       if (!entries) {
         setLoading(false);
         return;
@@ -36325,7 +36534,7 @@ function SchemaSyncModal({
     setLoading(true);
     setError(null);
     try {
-      const entries = await electron$q.extractOpenApiSchemasFromUrl(trimmed);
+      const entries = await electron$t.extractOpenApiSchemasFromUrl(trimmed);
       setSpecEntries(entries);
       autoSelectChanged(entries);
     } catch (err) {
@@ -36358,7 +36567,7 @@ function SchemaSyncModal({
       }
       const entry = useStore.getState().collections[collectionId];
       if (entry) {
-        await electron$q.saveCollection(entry.relPath, entry.data);
+        await electron$t.saveCollection(entry.relPath, entry.data);
         markCollectionClean(collectionId);
       }
       onClose();
@@ -36435,7 +36644,7 @@ function SchemaSyncModal({
                         className: "accent-blue-500"
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-mono font-bold w-14 shrink-0 ${methodColor$2(m.specEntry.method)}`, children: m.specEntry.method }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-mono font-bold w-14 shrink-0 ${methodColor$3(m.specEntry.method)}`, children: m.specEntry.method }),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-surface-200 truncate", children: m.request.name }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500 font-mono truncate", children: m.specEntry.pathTemplate })
@@ -36548,7 +36757,7 @@ function SchemaSyncModal({
     }
   );
 }
-function methodColor$2(method) {
+function methodColor$3(method) {
   switch (method) {
     case "GET":
       return "text-emerald-400";
@@ -36564,6 +36773,284 @@ function methodColor$2(method) {
       return "text-surface-300";
   }
 }
+function folderChainTo(root2, targetId) {
+  if (root2.id === targetId) return [root2];
+  for (const sub of root2.folders) {
+    const chain = folderChainTo(sub, targetId);
+    if (chain.length > 0) return [root2, ...chain];
+  }
+  return [];
+}
+function makeHook(req, collectionVars, hookType, scopeId, scopeAncestors, scopePath, mainRequestId) {
+  return { request: req, collectionVars, isHook: true, hookType, scopeId, scopeAncestors, scopePath, mainRequestId };
+}
+function buildFolderPlan(folder, requests, collectionVars, filterTags, scopeId, ancestorIds, parentPath, wrappers, isRoot) {
+  const result = [];
+  const scopePath = isRoot ? [] : [...parentPath, folder.name];
+  const folderReqs = folder.requestIds.map((id2) => requests[id2]).filter((r) => r && !r.disabled);
+  const beforeAllHooks = folderReqs.filter((r) => r.hookType === "beforeAll");
+  const beforeHooks = folderReqs.filter((r) => r.hookType === "before");
+  const afterHooks = folderReqs.filter((r) => r.hookType === "after");
+  const afterAllHooks = folderReqs.filter((r) => r.hookType === "afterAll");
+  const regularReqs = folderReqs.filter((r) => !r.hookType);
+  const myWrapper = { scopeId, ancestors: ancestorIds, scopePath, before: beforeHooks, after: afterHooks };
+  const allWrappers = [...wrappers, myWrapper];
+  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));
+      }
+    }
+    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));
+      }
+    }
+  }
+  for (const sub of folder.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));
+  }
+  return result;
+}
+function collectTagged(folder, requests, collectionVars, filterTags, parentPath = [], isRoot = true) {
+  const results = [];
+  const scopePath = isRoot ? parentPath : [...parentPath, folder.name];
+  for (const reqId of folder.requestIds) {
+    const req = requests[reqId];
+    if (!req || req.hookType || req.disabled) continue;
+    const tags2 = req.meta?.tags ?? [];
+    if (filterTags.length > 0 && !filterTags.some((t2) => tags2.includes(t2))) continue;
+    results.push({ request: req, collectionVars, scopePath });
+  }
+  for (const sub of folder.folders) {
+    const folderTags = sub.tags ?? [];
+    const effectiveTags = filterTags.length === 0 ? filterTags : folderTags.some((t2) => filterTags.includes(t2)) ? [] : filterTags;
+    results.push(...collectTagged(sub, requests, collectionVars, effectiveTags, scopePath, false));
+  }
+  return results;
+}
+function collectAllTags(folder, requests) {
+  const tags2 = /* @__PURE__ */ new Set();
+  function walk(f) {
+    (f.tags ?? []).forEach((t2) => tags2.add(t2));
+    for (const reqId of f.requestIds) {
+      (requests[reqId]?.meta?.tags ?? []).forEach((t2) => tags2.add(t2));
+    }
+    f.folders.forEach(walk);
+  }
+  walk(folder);
+  return Array.from(tags2).sort();
+}
+function folderPathTo(root2, requestId) {
+  if (root2.requestIds.includes(requestId)) return [root2];
+  for (const sub of root2.folders) {
+    const path = folderPathTo(sub, requestId);
+    if (path.length > 0) return [root2, ...path];
+  }
+  return [];
+}
+function getHooksForRequest(requestId, collection) {
+  const path = folderPathTo(collection.rootFolder, requestId);
+  const before = [];
+  const afterReversed = [];
+  for (const folder of path) {
+    const reqs = folder.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
+    const bAll = reqs.filter((r) => r.hookType === "beforeAll");
+    const bEach = reqs.filter((r) => r.hookType === "before");
+    const aEach = reqs.filter((r) => r.hookType === "after");
+    const aAll = reqs.filter((r) => r.hookType === "afterAll");
+    before.push(...bAll, ...bEach);
+    afterReversed.push(...aEach, ...aAll);
+  }
+  return { before, after: afterReversed.reverse() };
+}
+function authIsConfigured(auth) {
+  if (!auth || auth.type === "none") return false;
+  const set2 = (s) => !!(s && s.trim());
+  switch (auth.type) {
+    case "bearer":
+      return set2(auth.token) || set2(auth.tokenSecretRef);
+    case "basic":
+    case "digest":
+      return set2(auth.username) || set2(auth.password) || set2(auth.passwordSecretRef);
+    case "ntlm":
+      return set2(auth.username) || set2(auth.password) || set2(auth.passwordSecretRef);
+    case "apikey":
+      return set2(auth.apiKeyValue) || set2(auth.apiKeySecretRef);
+    case "oauth2":
+      return set2(auth.oauth2TokenUrl) || set2(auth.oauth2ClientId) || set2(auth.oauth2CachedToken);
+    default:
+      return true;
+  }
+}
+function resolveInheritedAuthAndHeaders(requestId, collection) {
+  let inheritedAuth = collection.auth && collection.auth.type !== "none" ? collection.auth : null;
+  let inheritedHeaders = collection.headers?.filter((h) => h.enabled && h.key) ?? [];
+  const path = folderPathTo(collection.rootFolder, requestId);
+  for (const folder of path) {
+    if (folder.auth && folder.auth.type !== "none") inheritedAuth = folder.auth;
+    if (folder.headers?.length) {
+      inheritedHeaders = [...inheritedHeaders, ...folder.headers.filter((h) => h.enabled && h.key)];
+    }
+  }
+  return { auth: inheritedAuth, headers: inheritedHeaders };
+}
+function buildRunPlan(collection, folderId, filterTags) {
+  const collectionVars = collection.collectionVariables ?? {};
+  if (!folderId) {
+    return buildFolderPlan(
+      collection.rootFolder,
+      collection.requests,
+      collectionVars,
+      filterTags,
+      collection.rootFolder.id,
+      [],
+      [],
+      [],
+      true
+    );
+  }
+  const chain = folderChainTo(collection.rootFolder, folderId);
+  if (chain.length === 0) return [];
+  const targetFolder = chain[chain.length - 1];
+  const ancestors = chain.slice(0, -1);
+  const result = [];
+  const ancestorWrappers = [];
+  const ancestorIds = [];
+  for (const f of ancestors) {
+    const reqs = f.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
+    const beforeAllH = reqs.filter((r) => r.hookType === "beforeAll");
+    const beforeH = reqs.filter((r) => r.hookType === "before");
+    const afterH = reqs.filter((r) => r.hookType === "after");
+    for (const req of beforeAllH) {
+      result.push(makeHook(req, collectionVars, "beforeAll", f.id, [...ancestorIds], []));
+    }
+    ancestorWrappers.push({
+      scopeId: f.id,
+      ancestors: [...ancestorIds],
+      scopePath: [],
+      // ancestor hooks render with no folder heading
+      before: beforeH,
+      after: afterH
+    });
+    ancestorIds.push(f.id);
+  }
+  result.push(...buildFolderPlan(
+    targetFolder,
+    collection.requests,
+    collectionVars,
+    filterTags,
+    targetFolder.id,
+    ancestorIds,
+    [],
+    ancestorWrappers,
+    true
+  ));
+  for (let i = ancestors.length - 1; i >= 0; i--) {
+    const f = ancestors[i];
+    const reqs = f.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
+    const afterAllH = reqs.filter((r) => r.hookType === "afterAll");
+    const myAncestors = ancestorIds.slice(0, i);
+    for (const req of afterAllH) {
+      result.push(makeHook(req, collectionVars, "afterAll", f.id, myAncestors, []));
+    }
+  }
+  return result;
+}
+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);
+}
+const { electron: electron$s } = window;
+function cloudEnabled() {
+  return Boolean(useStore.getState().workspace?.settings?.cloud?.enabled);
+}
+function assertEnabled() {
+  if (!cloudEnabled()) throw new Error("Cloud is off. Enable it in Settings → Cloud.");
+}
+async function pushContractToCloud(requests, opts) {
+  assertEnabled();
+  return electron$s.cloudPushPact({
+    consumer: opts.consumer,
+    provider: opts.provider,
+    consumerVersion: opts.version,
+    requests
+  });
+}
+async function pushProviderSpecToCloud(opts) {
+  assertEnabled();
+  return electron$s.cloudPushSpec(opts);
+}
+function openCloudMatrix() {
+  void electron$s.cloudOpenMatrix();
+}
+async function getCloudMockRoutes(name2) {
+  if (!cloudEnabled()) return null;
+  try {
+    const res = await electron$s.cloudGetMock(name2);
+    return res.exists ? res.routes ?? [] : null;
+  } catch {
+    return null;
+  }
+}
+async function pushMockToCloud(server, routeIds) {
+  assertEnabled();
+  const routes = routeIds ? (server.routes ?? []).filter((r) => routeIds.includes(r.id)) : server.routes ?? [];
+  return electron$s.cloudPushMock({ ...server, routes });
+}
+async function pushRequestAsMonitor(request, opts) {
+  assertEnabled();
+  const s = useStore.getState();
+  const colEntry = Object.values(s.collections).find((c) => c.data.requests[request.id]);
+  const collectionVars = {
+    ...colEntry?.data.collectionVariables ?? {},
+    ...s.getInheritedVariables(request.id),
+    ...s.sessionVars
+  };
+  const setup = colEntry ? getHooksForRequest(request.id, colEntry.data).before : [];
+  const environment = resolveEnvironmentById(s.environments, s.activeEnvironmentId);
+  const globals = { ...s.globals };
+  const inherited = s.getInheritedAuthAndHeaders(request.id);
+  const mergedAuth = authIsConfigured(request.auth) ? request.auth : inherited.auth ?? request.auth;
+  const mergedHeaders = [
+    ...inherited.headers.filter((h) => h.enabled),
+    ...request.headers
+  ];
+  const mergedRequest = { ...request, auth: mergedAuth, headers: mergedHeaders };
+  return electron$s.cloudPushMonitor(
+    {
+      request: mergedRequest,
+      setup,
+      environment,
+      collectionVars,
+      globals,
+      name: request.name,
+      intervalSeconds: opts?.intervalSeconds,
+      expectedStatus: opts?.expectedStatus
+    }
+  );
+}
 const METHOD_COLORS$1 = {
   GET: "text-emerald-400",
   POST: "text-blue-400",
@@ -36587,6 +37074,143 @@ const STATUS_COLORS = {
 function getStatusColor(status) {
   return STATUS_COLORS[String(status)[0]] ?? "text-gray-400";
 }
+function PushContractModal({ requests, defaultConsumer, onClose }) {
+  const snapshots = useStore((s) => s.contractSnapshots);
+  const snapshotEntries = Object.entries(snapshots);
+  const withContract = requests.filter(hasContract);
+  const [mode, setMode] = reactExports.useState("consumer");
+  const [consumer, setConsumer] = reactExports.useState(defaultConsumer);
+  const [provider, setProvider] = reactExports.useState("");
+  const [version, setVersion] = reactExports.useState("");
+  const [selected, setSelected] = reactExports.useState(new Set(withContract.map((r) => r.id)));
+  const [pacticipant, setPacticipant] = reactExports.useState("");
+  const [snapshotPath, setSnapshotPath] = reactExports.useState(snapshotEntries[0]?.[0] ?? "");
+  const [status, setStatus] = reactExports.useState({ state: "idle" });
+  function toggle(id2) {
+    setSelected((prev) => {
+      const n = new Set(prev);
+      if (n.has(id2)) n.delete(id2);
+      else n.add(id2);
+      return n;
+    });
+  }
+  const canPush = mode === "consumer" ? Boolean(consumer.trim() && provider.trim() && version.trim() && selected.size) : Boolean(pacticipant.trim() && version.trim() && snapshotPath);
+  async function push2() {
+    setStatus({ state: "pushing" });
+    try {
+      if (mode === "consumer") {
+        const chosen = withContract.filter((r2) => selected.has(r2.id));
+        const r = await pushContractToCloud(chosen, { consumer: consumer.trim(), provider: provider.trim(), version: version.trim() });
+        const published = `Published ${consumer} → ${provider} (${chosen.length} interactions).`;
+        if (!r.verification) {
+          setStatus({ state: "warn", msg: `${published} Not verified yet: ${provider} has not published its OpenAPI spec.` });
+        } else if (r.verification.success) {
+          setStatus({ state: "ok", msg: `${published} Compatible with ${provider}. ✓` });
+        } else {
+          const failing = r.verification.checks.filter((c) => !c.passed);
+          setStatus({ state: "err", msg: `${published} NOT compatible with ${provider} (${failing.length} failing).`, detail: failing.map((c) => `${c.interaction}: ${c.error}`) });
+        }
+      } else {
+        const spec = snapshots[snapshotPath]?.spec ?? "";
+        const r = await pushProviderSpecToCloud({ pacticipant: pacticipant.trim(), version: version.trim(), spec });
+        const failing = r.results.filter((x) => !x.success);
+        if (r.results.length === 0) {
+          setStatus({ state: "warn", msg: `Published ${pacticipant} spec. No consumer contracts to verify yet.` });
+        } else if (failing.length === 0) {
+          setStatus({ state: "ok", msg: `Published ${pacticipant} spec. All ${r.results.length} consumer contract(s) compatible. ✓` });
+        } else {
+          setStatus({ state: "err", msg: `Published ${pacticipant} spec. ${failing.length} of ${r.results.length} consumer(s) now incompatible.`, detail: failing.map((x) => `${x.consumer} ${x.version}`) });
+        }
+      }
+    } catch (e) {
+      setStatus({ state: "err", msg: e.message });
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Modal,
+    {
+      onClose,
+      overlayClassName: "bg-black/50 z-50 flex items-start justify-center pt-24",
+      panelClassName: "bg-surface-900 border border-surface-800 rounded-lg shadow-2xl w-[520px] flex flex-col max-h-[75vh]",
+      title: "Push contract to cloud",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1 px-4 pt-3 flex-shrink-0", children: ["consumer", "provider"].map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => setMode(m),
+            disabled: m === "provider" && snapshotEntries.length === 0,
+            className: `px-3 py-1.5 text-xs rounded transition-colors disabled:opacity-30 ${mode === m ? "bg-blue-600 text-white" : "bg-surface-800 hover:bg-surface-700 text-surface-300"}`,
+            children: m === "consumer" ? "Consumer pact" : "Provider spec (OpenAPI)"
+          },
+          m
+        )) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 flex flex-col gap-3 text-xs", children: mode === "consumer" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "Consumer" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("input", { value: consumer, onChange: (e) => setConsumer(e.target.value), className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "Provider" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("input", { value: provider, onChange: (e) => setProvider(e.target.value), placeholder: "orders-api", className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500", children: [
+              "Version ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600", children: "(git sha / build)" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("input", { value: version, onChange: (e) => setVersion(e.target.value), placeholder: "1.4.0", className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-surface-500 mb-1.5", children: [
+              "Interactions ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600", children: "(requests with a contract)" })
+            ] }),
+            withContract.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500 px-1 py-3", children: "No requests here have a contract yet. Add expected status/schema on a request's Contract tab first." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border border-surface-800 max-h-56 overflow-y-auto", children: withContract.map((r) => /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-2 px-2 py-1.5 hover:bg-surface-800/50 cursor-pointer", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: selected.has(r.id), onChange: () => toggle(r.id), className: "accent-blue-500" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold w-12 flex-shrink-0", style: { color: getMethodColor(r.method) }, children: r.method }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 truncate", children: r.name }),
+              r.contract?.statusCode && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto text-surface-500 flex-shrink-0", children: r.contract.statusCode })
+            ] }, r.id)) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500", children: "Publishes a pinned OpenAPI spec as the provider contract. Consumer pacts are then verified against it without running the provider." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "Provider (pacticipant)" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("input", { value: pacticipant, onChange: (e) => setPacticipant(e.target.value), placeholder: "orders-api", className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "Version" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("input", { value: version, onChange: (e) => setVersion(e.target.value), placeholder: "2.1.0", className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "Spec snapshot" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("select", { value: snapshotPath, onChange: (e) => setSnapshotPath(e.target.value), className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500", children: snapshotEntries.map(([path, snap]) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: path, children: snap.name ?? path }, path)) })
+          ] })
+        ] }) }),
+        (status.state === "ok" || status.state === "warn" || status.state === "err") && status.detail?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-4 mb-2 px-3 py-2 rounded bg-surface-800/60 border border-surface-700 text-[11px] text-surface-300 max-h-24 overflow-y-auto flex-shrink-0", children: status.detail.map((d, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono truncate", children: [
+          "• ",
+          d
+        ] }, i)) }) : null,
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3 border-t border-surface-800 flex items-center gap-2 flex-shrink-0", children: status.state === "ok" || status.state === "warn" || status.state === "err" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `text-[11px] flex-1 ${status.state === "ok" ? "text-green-400" : status.state === "warn" ? "text-amber-400" : "text-red-400"}`, children: [
+            status.state === "ok" ? "✓" : status.state === "warn" ? "⚠" : "✗",
+            " ",
+            status.msg
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => openCloudMatrix(), className: "px-3 py-1.5 bg-surface-800 hover:bg-surface-700 rounded text-xs", children: "View matrix ↗" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "px-4 py-1.5 bg-blue-600 hover:bg-blue-500 rounded text-xs font-medium", children: "Done" })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: push2, disabled: !canPush || status.state === "pushing", className: "ml-auto px-4 py-1.5 bg-blue-600 hover:bg-blue-500 disabled:opacity-40 rounded text-xs font-medium", children: status.state === "pushing" ? "Publishing…" : "Publish" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "px-4 py-1.5 bg-surface-800 hover:bg-surface-700 rounded text-xs", children: "Cancel" })
+        ] }) })
+      ]
+    }
+  );
+}
 function MethodBadge({ method, size = "sm" }) {
   const color = getMethodColor(method);
   const cls = size === "xs" ? "text-[10px] font-bold w-10" : "text-xs font-bold w-12";
@@ -36759,6 +37383,20 @@ function DotsBtn({ items: items2 }) {
     menu && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenu, { items: items2, x: menu.x, y: menu.y, onClose: () => setMenu(null) })
   ] });
 }
+function useToast(durationMs = 3e3) {
+  const [toast, setToast] = reactExports.useState(null);
+  const timer = reactExports.useRef(null);
+  function show(msg, ok) {
+    if (timer.current) clearTimeout(timer.current);
+    setToast({ msg, ok });
+    timer.current = setTimeout(() => setToast(null), durationMs);
+  }
+  return { toast, show };
+}
+function Toast({ toast }) {
+  if (!toast) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `mx-3 mb-2 px-2 py-1.5 rounded text-[11px] flex-shrink-0 ${toast.ok ? "bg-emerald-900/50 text-emerald-300 border border-emerald-800/50" : "bg-red-900/50 text-red-300 border border-red-800/50"}`, children: toast.msg });
+}
 function requestPath(url) {
   const trimmed = url.trim().replace(/^\{\{[^}]+\}\}/, "").replace(/^https?:\/\/[^/]+/i, "");
   return trimmed || url.trim();
@@ -36799,19 +37437,49 @@ function RequestRow({
   isActive,
   indent: indent2,
   autoRename = false,
+  examples = [],
+  activeExampleId,
   onSelect,
   onRename,
   onDelete,
   onDuplicate,
   onUpdateTags,
   onSetHookType,
-  onToggleDisabled
+  onToggleDisabled,
+  onAddExample,
+  onOpenExample,
+  onRenameExample,
+  onDeleteExample,
+  onDuplicateExample
 }) {
   const [renaming, setRenaming] = reactExports.useState(autoRename);
+  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);
+  const { toast, show } = useToast();
+  function handleRowClick(e) {
+    if (e.metaKey || e.ctrlKey) {
+      e.preventDefault();
+      sel.toggle(collectionId, reqId);
+      return;
+    }
+    if (sel.active) sel.clear();
+    onSelect();
+  }
+  async function pushMonitor() {
+    const req = useStore.getState().collections[collectionId]?.data.requests[reqId];
+    if (!req) return;
+    try {
+      const r = await pushRequestAsMonitor(req);
+      show(`Pushed "${req.name}" as monitor #${r.id} to the cloud`, true);
+    } catch (e) {
+      show(e.message, false);
+    }
+  }
   const hookMenuItems = ["beforeAll", "before", "after", "afterAll"].map((ht) => ({
     type: "item",
     label: (hookType === ht ? "✓ " : "    ") + HOOK_LABELS[ht],
@@ -36836,9 +37504,9 @@ function RequestRow({
       "div",
       {
         draggable: true,
-        className: `group flex items-start gap-1.5 py-1 pr-1 rounded-sm cursor-pointer transition-colors ${disabled ? "opacity-40" : ""} ${isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-300 hover:bg-surface-800"}`,
+        className: `group flex items-start gap-1.5 py-1 pr-1 rounded-sm cursor-pointer transition-colors ${disabled ? "opacity-40" : ""} ${selected ? "bg-blue-950/40 ring-1 ring-inset ring-blue-500" : isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-300 hover:bg-surface-800"}`,
         style: { paddingLeft: indent2 },
-        onClick: onSelect,
+        onClick: handleRowClick,
         onDoubleClick: () => setRenaming(true),
         onDragStart: (e) => {
           e.dataTransfer.effectAllowed = "move";
@@ -36852,6 +37520,29 @@ function RequestRow({
         onDragLeave: () => setDropPos(null),
         onDrop: handleDrop,
         children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: selected,
+              onClick: (e) => e.stopPropagation(),
+              onChange: () => sel.toggle(collectionId, reqId),
+              title: "Select request (or Cmd/Ctrl+click the row)",
+              className: `shrink-0 mt-0.5 accent-blue-500 cursor-pointer ${sel.active || selected ? "" : "opacity-0 group-hover:opacity-100"}`
+            }
+          ),
+          examples.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setExamplesOpen((o) => !o);
+              },
+              className: "shrink-0 w-3 text-surface-500 hover:text-white leading-none",
+              title: examplesOpen ? "Hide examples" : `Show ${examples.length} example(s)`,
+              children: examplesOpen ? "▾" : "▸"
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 w-3" }),
           protocol === "soap" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
@@ -36909,19 +37600,38 @@ function RequestRow({
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DotsBtn, { items: [
             { type: "item", label: "Rename", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
             { type: "item", label: "Duplicate", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicate },
+            ...onAddExample ? [{ type: "item", label: "Add Example", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: () => {
+              onAddExample();
+              setExamplesOpen(true);
+            } }] : [],
             { type: "item", label: "Add tag", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, {}), onClick: () => setAddingTag(true) },
             { type: "item", label: "Sync schema", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowSchemaSync(true) },
             { type: "item", label: disabled ? "Enable" : "Disable", onClick: onToggleDisabled },
+            ...cloudEnabled() ? [{ type: "item", label: "Push as monitor to cloud", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: pushMonitor }] : [],
             { type: "separator" },
             { type: "header", label: "Hook type" },
             ...hookMenuItems,
             { type: "separator" },
             { type: "item", label: "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" })
         ]
       }
     ),
+    examplesOpen && examples.map((ex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ExampleRow,
+      {
+        name: ex.name,
+        indent: indent2 + 18,
+        isActive: activeExampleId === ex.id,
+        onOpen: () => onOpenExample?.(ex.id),
+        onRename: (n) => onRenameExample?.(ex.id, n),
+        onDelete: () => onDeleteExample?.(ex.id),
+        onDuplicate: () => onDuplicateExample?.(ex.id)
+      },
+      ex.id
+    )),
     showSchemaSync && /* @__PURE__ */ jsxRuntimeExports.jsx(
       SchemaSyncModal,
       {
@@ -36932,6 +37642,40 @@ function RequestRow({
     )
   ] });
 }
+function ExampleRow({ name: name2, indent: indent2, isActive, onOpen, onRename, onDelete, onDuplicate }) {
+  const [renaming, setRenaming] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: `group flex items-center gap-1.5 py-1 pr-1 rounded-sm cursor-pointer transition-colors ${isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-400 hover:bg-surface-800"}`,
+      style: { paddingLeft: indent2 },
+      onClick: onOpen,
+      onDoubleClick: () => setRenaming(true),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[8px] font-bold px-1 py-px rounded bg-surface-700 text-surface-300", title: "Example", children: "EX" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0", children: renaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          InlineEdit,
+          {
+            value: name2,
+            onCommit: (v) => {
+              onRename(v);
+              setRenaming(false);
+            },
+            onCancel: () => setRenaming(false),
+            className: "w-full text-xs"
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs truncate", children: name2 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DotsBtn, { items: [
+          { type: "item", label: "Open", onClick: onOpen },
+          { type: "item", label: "Rename", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
+          { type: "item", label: "Duplicate", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicate },
+          { type: "separator" },
+          { type: "item", label: "Delete", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}), danger: true, onClick: onDelete }
+        ] }) })
+      ]
+    }
+  );
+}
 function ConfirmDialog({ message, onConfirm, onCancel }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Modal,
@@ -36967,6 +37711,9 @@ const DragCtx = reactExports.createContext({ dragging: null, setDragging: () =>
 }, onDropRequest: () => {
 }, onDropFolder: () => {
 } });
+const SelectionCtx = reactExports.createContext({ active: false, isSelected: () => false, toggle: () => {
+}, clear: () => {
+} });
 function TagChips({
   tags: tags2,
   onRemove,
@@ -37031,6 +37778,36 @@ function TagChips({
     ) : null
   ] });
 }
+function methodColor$2(method) {
+  switch (method) {
+    case "GET":
+      return "text-emerald-400";
+    case "POST":
+      return "text-amber-400";
+    case "PUT":
+      return "text-sky-400";
+    case "PATCH":
+      return "text-violet-400";
+    case "DELETE":
+      return "text-red-400";
+    default:
+      return "text-surface-300";
+  }
+}
+function collectMatches(col, q) {
+  const out = [];
+  const walk = (folder, path) => {
+    for (const reqId of folder.requestIds) {
+      const req = col.requests[reqId];
+      if (!req) continue;
+      const hay = [req.name, req.url, req.method, ...req.meta?.tags ?? []].join(" ").toLowerCase();
+      if (hay.includes(q)) out.push({ collectionId: col.id, collectionName: col.name, req, path });
+    }
+    for (const sub of folder.folders) walk(sub, [...path, sub.name]);
+  };
+  walk(col.rootFolder, []);
+  return out;
+}
 function CollectionTree() {
   const collections = useStore((s) => s.collections);
   const activeCollectionId = useStore((s) => s.activeCollectionId);
@@ -37059,7 +37836,30 @@ function CollectionTree() {
   const moveRequest = useStore((s) => s.moveRequest);
   const moveFolder = useStore((s) => s.moveFolder);
   const colList = Object.values(collections);
+  const [query, setQuery] = reactExports.useState("");
+  const q = query.trim().toLowerCase();
+  const matches = q ? colList.flatMap(({ data }) => collectMatches(data, q)) : [];
   const [pendingConfirm, setPendingConfirm] = reactExports.useState(null);
+  const [selected, setSelected] = reactExports.useState(() => /* @__PURE__ */ new Set());
+  const selKey = (c, r) => `${c}\0${r}`;
+  const selectionCtx = {
+    active: selected.size > 0,
+    isSelected: (c, r) => selected.has(selKey(c, r)),
+    toggle: (c, r) => setSelected((prev) => {
+      const next = new Set(prev);
+      const k = selKey(c, r);
+      if (next.has(k)) next.delete(k);
+      else next.add(k);
+      return next;
+    }),
+    clear: () => setSelected(/* @__PURE__ */ new Set())
+  };
+  function forEachSelected(fn) {
+    selected.forEach((k) => {
+      const i = k.indexOf("\0");
+      fn(k.slice(0, i), k.slice(i + 1));
+    });
+  }
   const [newRequestId, setNewRequestId] = reactExports.useState(null);
   const [dragging, setDragging] = reactExports.useState(null);
   function confirmThen(message, action) {
@@ -37079,7 +37879,7 @@ 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.jsxs("div", { className: "flex flex-col flex-1 min-h-0 select-none", children: [
+  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: [
     pendingConfirm && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConfirmDialog,
       {
@@ -37088,7 +37888,55 @@ function CollectionTree() {
         onCancel: () => setPendingConfirm(null)
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
+    colList.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1.5 border-b border-surface-800 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Escape") setQuery("");
+          },
+          placeholder: "Search requests…",
+          className: "w-full text-xs bg-surface-800 border border-surface-700 rounded pl-2 pr-6 py-1 focus:outline-none focus:border-blue-500 placeholder-surface-500"
+        }
+      ),
+      query && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setQuery(""),
+          title: "Clear (Esc)",
+          className: "absolute right-1 top-1/2 -translate-y-1/2 w-4 h-4 flex items-center justify-center text-surface-500 hover:text-surface-200 leading-none",
+          children: "×"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: q ? matches.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "px-3 py-3 text-xs text-surface-500", children: [
+      "No requests match “",
+      query.trim(),
+      "”."
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "px-3 pb-1 text-[10px] uppercase tracking-wider text-surface-500", children: [
+        matches.length,
+        " ",
+        matches.length === 1 ? "match" : "matches"
+      ] }),
+      matches.map(({ collectionId, collectionName, req, path }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: () => openInTab(req.id, collectionId),
+          className: `w-full text-left flex items-baseline gap-2 px-3 py-1 hover:bg-surface-800 transition-colors ${req.id === activeRequestId ? "bg-surface-800" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[9px] font-mono font-bold w-10 shrink-0 ${methodColor$2(req.method)}`, children: req.method }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-surface-200 truncate block", children: req.name }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-500 truncate block", children: [collectionName, ...path].join(" › ") })
+            ] })
+          ]
+        },
+        `${collectionId}:${req.id}`
+      ))
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       colList.map(({ data: col }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         CollectionNode,
         {
@@ -37130,8 +37978,66 @@ function CollectionTree() {
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => addCollection("New Collection"), className: "text-blue-400 hover:text-blue-300 transition-colors", children: "+ New collection" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "pt-1", children: "or import from Postman / OpenAPI above." })
       ] })
+    ] }) }),
+    selected.size > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "shrink-0 border-t border-surface-700 bg-surface-900 px-2 py-1.5 flex items-center gap-1 text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-300 mr-auto", children: [
+        selected.size,
+        " selected"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => forEachSelected((_c, r) => updateRequest(r, { disabled: false })),
+          className: "px-2 py-0.5 rounded hover:bg-surface-800 text-surface-300 transition-colors",
+          title: "Enable selected requests",
+          children: "Enable"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => forEachSelected((_c, r) => updateRequest(r, { disabled: true })),
+          className: "px-2 py-0.5 rounded hover:bg-surface-800 text-surface-300 transition-colors",
+          title: "Disable selected requests",
+          children: "Disable"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => {
+            forEachSelected((c, r) => duplicateRequest(c, r));
+            selectionCtx.clear();
+          },
+          className: "px-2 py-0.5 rounded hover:bg-surface-800 text-surface-300 transition-colors",
+          children: "Duplicate"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => confirmThen(
+            `Delete ${selected.size} request${selected.size === 1 ? "" : "s"}?`,
+            () => {
+              forEachSelected((c, r) => deleteRequest(c, r));
+              selectionCtx.clear();
+            }
+          ),
+          className: "px-2 py-0.5 rounded hover:bg-red-900/40 text-red-400 transition-colors",
+          children: "Delete"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: selectionCtx.clear,
+          className: "px-1.5 py-0.5 rounded hover:bg-surface-800 text-surface-500 transition-colors",
+          title: "Clear selection",
+          children: "×"
+        }
+      )
     ] })
-  ] }) });
+  ] }) }) });
 }
 function CollectionNode({
   col,
@@ -37163,6 +38069,7 @@ function CollectionNode({
   const [renaming, setRenaming] = reactExports.useState(false);
   const [showSettings, setShowSettings] = reactExports.useState(false);
   const [showSchemaSync, setShowSchemaSync] = reactExports.useState(false);
+  const [showPushContract, setShowPushContract] = reactExports.useState(false);
   const [expandCtrl, setExpandCtrl] = reactExports.useState({ value: true, seq: 0 });
   const [dropOver, setDropOver] = reactExports.useState(false);
   const dragCtx = reactExports.useContext(DragCtx);
@@ -37219,6 +38126,7 @@ function CollectionNode({
             { type: "item", label: "Collection data", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TableIcon, {}), onClick: onSelectCollection },
             { type: "item", label: "Settings", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(GearIcon, {}), onClick: () => setShowSettings(true) },
             { type: "item", label: "Sync schemas", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowSchemaSync(true) },
+            ...cloudEnabled() ? [{ type: "item", label: "Push contract to cloud", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowPushContract(true) }] : [],
             { type: "item", label: "Rename", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
             { type: "item", label: "Duplicate", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicateCollection },
             { type: "separator" },
@@ -37253,6 +38161,14 @@ function CollectionNode({
         onRunFolder
       }
     ),
+    showPushContract && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PushContractModal,
+      {
+        requests: collectTagged(col.rootFolder, col.requests, col.collectionVariables ?? {}, []).map((c) => c.request),
+        defaultConsumer: col.name,
+        onClose: () => setShowPushContract(false)
+      }
+    ),
     showSettings && /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionSettingsModal, { collection: col, onClose: () => setShowSettings(false) }),
     showSchemaSync && /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaSyncModal, { collectionId: col.id, scope: { type: "collection" }, onClose: () => setShowSchemaSync(false) })
   ] });
@@ -37280,7 +38196,9 @@ function FolderRow({
   const [renaming, setRenaming] = reactExports.useState(false);
   const [showSettings, setShowSettings] = reactExports.useState(false);
   const [showSchemaSync, setShowSchemaSync] = reactExports.useState(false);
+  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 dragCtx = reactExports.useContext(DragCtx);
   const tags2 = folder.tags ?? [];
@@ -37374,6 +38292,7 @@ function FolderRow({
             { type: "separator" },
             { type: "item", label: "Settings", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyIcon, {}), onClick: () => setShowSettings(true) },
             { type: "item", label: "Sync schemas", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowSchemaSync(true) },
+            ...cloudEnabled() ? [{ type: "item", label: "Push contract to cloud", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowPushContract(true) }] : [],
             { type: "item", label: "Add tag", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, {}), onClick: () => setAddingTag(true) },
             { type: "item", label: "Rename", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
             { type: "item", label: "Duplicate", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicate },
@@ -37384,6 +38303,14 @@ function FolderRow({
       }
     ),
     expanded && children,
+    showPushContract && folderCollection && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PushContractModal,
+      {
+        requests: collectTagged(folder, folderCollection.requests, {}, []).map((c) => c.request),
+        defaultConsumer: folder.name,
+        onClose: () => setShowPushContract(false)
+      }
+    ),
     showSettings && /* @__PURE__ */ jsxRuntimeExports.jsx(
       FolderSettingsModal,
       {
@@ -37425,6 +38352,15 @@ function FolderContents({
   onToggleRequestDisabled,
   onRunFolder
 }) {
+  const activeExampleId = useStore((s) => {
+    const t2 = s.tabs.find((x) => x.id === s.activeTabId);
+    return t2?.exampleId ?? null;
+  });
+  const addExampleFromRequest = useStore((s) => s.addExampleFromRequest);
+  const openExample = useStore((s) => s.openExample);
+  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: [
     folder.folders.map((sub, subIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       FolderRow,
@@ -37492,206 +38428,61 @@ function FolderContents({
           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)
+          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
       );
     })
   ] });
 }
-function folderChainTo(root2, targetId) {
-  if (root2.id === targetId) return [root2];
-  for (const sub of root2.folders) {
-    const chain = folderChainTo(sub, targetId);
-    if (chain.length > 0) return [root2, ...chain];
-  }
-  return [];
-}
-function makeHook(req, collectionVars, hookType, scopeId, scopeAncestors, scopePath, mainRequestId) {
-  return { request: req, collectionVars, isHook: true, hookType, scopeId, scopeAncestors, scopePath, mainRequestId };
-}
-function buildFolderPlan(folder, requests, collectionVars, filterTags, scopeId, ancestorIds, parentPath, wrappers, isRoot) {
-  const result = [];
-  const scopePath = isRoot ? [] : [...parentPath, folder.name];
-  const folderReqs = folder.requestIds.map((id2) => requests[id2]).filter((r) => r && !r.disabled);
-  const beforeAllHooks = folderReqs.filter((r) => r.hookType === "beforeAll");
-  const beforeHooks = folderReqs.filter((r) => r.hookType === "before");
-  const afterHooks = folderReqs.filter((r) => r.hookType === "after");
-  const afterAllHooks = folderReqs.filter((r) => r.hookType === "afterAll");
-  const regularReqs = folderReqs.filter((r) => !r.hookType);
-  const myWrapper = { scopeId, ancestors: ancestorIds, scopePath, before: beforeHooks, after: afterHooks };
-  const allWrappers = [...wrappers, myWrapper];
-  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));
-      }
-    }
-    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));
-      }
-    }
-  }
-  for (const sub of folder.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));
-  }
-  return result;
-}
-function collectAllTags(folder, requests) {
-  const tags2 = /* @__PURE__ */ new Set();
-  function walk(f) {
-    (f.tags ?? []).forEach((t2) => tags2.add(t2));
-    for (const reqId of f.requestIds) {
-      (requests[reqId]?.meta?.tags ?? []).forEach((t2) => tags2.add(t2));
-    }
-    f.folders.forEach(walk);
-  }
-  walk(folder);
-  return Array.from(tags2).sort();
-}
-function folderPathTo(root2, requestId) {
-  if (root2.requestIds.includes(requestId)) return [root2];
-  for (const sub of root2.folders) {
-    const path = folderPathTo(sub, requestId);
-    if (path.length > 0) return [root2, ...path];
-  }
-  return [];
-}
-function getHooksForRequest(requestId, collection) {
-  const path = folderPathTo(collection.rootFolder, requestId);
-  const before = [];
-  const afterReversed = [];
-  for (const folder of path) {
-    const reqs = folder.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
-    const bAll = reqs.filter((r) => r.hookType === "beforeAll");
-    const bEach = reqs.filter((r) => r.hookType === "before");
-    const aEach = reqs.filter((r) => r.hookType === "after");
-    const aAll = reqs.filter((r) => r.hookType === "afterAll");
-    before.push(...bAll, ...bEach);
-    afterReversed.push(...aEach, ...aAll);
-  }
-  return { before, after: afterReversed.reverse() };
-}
-function authIsConfigured(auth) {
-  if (!auth || auth.type === "none") return false;
-  const set2 = (s) => !!(s && s.trim());
-  switch (auth.type) {
-    case "bearer":
-      return set2(auth.token) || set2(auth.tokenSecretRef);
-    case "basic":
-    case "digest":
-      return set2(auth.username) || set2(auth.password) || set2(auth.passwordSecretRef);
-    case "ntlm":
-      return set2(auth.username) || set2(auth.password) || set2(auth.passwordSecretRef);
-    case "apikey":
-      return set2(auth.apiKeyValue) || set2(auth.apiKeySecretRef);
-    case "oauth2":
-      return set2(auth.oauth2TokenUrl) || set2(auth.oauth2ClientId) || set2(auth.oauth2CachedToken);
-    default:
-      return true;
-  }
-}
-function resolveInheritedAuthAndHeaders(requestId, collection) {
-  let inheritedAuth = collection.auth && collection.auth.type !== "none" ? collection.auth : null;
-  let inheritedHeaders = collection.headers?.filter((h) => h.enabled && h.key) ?? [];
-  const path = folderPathTo(collection.rootFolder, requestId);
-  for (const folder of path) {
-    if (folder.auth && folder.auth.type !== "none") inheritedAuth = folder.auth;
-    if (folder.headers?.length) {
-      inheritedHeaders = [...inheritedHeaders, ...folder.headers.filter((h) => h.enabled && h.key)];
-    }
-  }
-  return { auth: inheritedAuth, headers: inheritedHeaders };
-}
-function buildRunPlan(collection, folderId, filterTags) {
-  const collectionVars = collection.collectionVariables ?? {};
-  if (!folderId) {
-    return buildFolderPlan(
-      collection.rootFolder,
-      collection.requests,
-      collectionVars,
-      filterTags,
-      collection.rootFolder.id,
-      [],
-      [],
-      [],
-      true
-    );
-  }
-  const chain = folderChainTo(collection.rootFolder, folderId);
-  if (chain.length === 0) return [];
-  const targetFolder = chain[chain.length - 1];
-  const ancestors = chain.slice(0, -1);
-  const result = [];
-  const ancestorWrappers = [];
-  const ancestorIds = [];
-  for (const f of ancestors) {
-    const reqs = f.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
-    const beforeAllH = reqs.filter((r) => r.hookType === "beforeAll");
-    const beforeH = reqs.filter((r) => r.hookType === "before");
-    const afterH = reqs.filter((r) => r.hookType === "after");
-    for (const req of beforeAllH) {
-      result.push(makeHook(req, collectionVars, "beforeAll", f.id, [...ancestorIds], []));
-    }
-    ancestorWrappers.push({
-      scopeId: f.id,
-      ancestors: [...ancestorIds],
-      scopePath: [],
-      // ancestor hooks render with no folder heading
-      before: beforeH,
-      after: afterH
-    });
-    ancestorIds.push(f.id);
-  }
-  result.push(...buildFolderPlan(
-    targetFolder,
-    collection.requests,
-    collectionVars,
-    filterTags,
-    targetFolder.id,
-    ancestorIds,
-    [],
-    ancestorWrappers,
-    true
-  ));
-  for (let i = ancestors.length - 1; i >= 0; i--) {
-    const f = ancestors[i];
-    const reqs = f.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
-    const afterAllH = reqs.filter((r) => r.hookType === "afterAll");
-    const myAncestors = ancestorIds.slice(0, i);
-    for (const req of afterAllH) {
-      result.push(makeHook(req, collectionVars, "afterAll", f.id, myAncestors, []));
-    }
+function safeDecode(s) {
+  try {
+    return decodeURIComponent(s);
+  } catch {
+    return s;
+  }
+}
+function extractQueryParams(rawUrl, existing) {
+  const qIdx = rawUrl.indexOf("?");
+  if (qIdx === -1) return { url: rawUrl, params: existing, changed: false };
+  const base2 = rawUrl.slice(0, qIdx);
+  let query = rawUrl.slice(qIdx + 1);
+  let fragment = "";
+  const hashIdx = query.indexOf("#");
+  if (hashIdx !== -1) {
+    fragment = query.slice(hashIdx);
+    query = query.slice(0, hashIdx);
+  }
+  const parsed = [];
+  for (const pair2 of query.split("&")) {
+    if (!pair2) continue;
+    const eq = pair2.indexOf("=");
+    const key = safeDecode(eq === -1 ? pair2 : pair2.slice(0, eq));
+    if (!key) continue;
+    const value = eq === -1 ? "" : safeDecode(pair2.slice(eq + 1));
+    parsed.push({ key, value, enabled: true });
   }
-  return result;
+  const nextUrl = base2 + fragment;
+  if (parsed.length === 0) return { url: nextUrl, params: existing, changed: nextUrl !== rawUrl };
+  const pastedKeys = new Set(parsed.map((p2) => p2.key));
+  const kept = (existing ?? []).filter((p2) => (p2.key || p2.value) && !pastedKeys.has(p2.key));
+  return { url: nextUrl, params: [...kept, ...parsed], changed: true };
 }
 function ParamsTab({ request, onChange }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -42951,6 +43742,393 @@ const jsonLanguage = /* @__PURE__ */ LRLanguage.define({
 function json() {
   return new LanguageSupport(jsonLanguage);
 }
+const StartTag = 1, StartCloseTag = 2, MissingCloseTag = 3, mismatchedStartCloseTag = 4, incompleteStartCloseTag = 5, commentContent$1 = 36, piContent$1 = 37, cdataContent$1 = 38, Element$1 = 11, OpenTag = 13;
+function nameChar(ch) {
+  return ch == 45 || ch == 46 || ch == 58 || ch >= 65 && ch <= 90 || ch == 95 || ch >= 97 && ch <= 122 || ch >= 161;
+}
+function isSpace(ch) {
+  return ch == 9 || ch == 10 || ch == 13 || ch == 32;
+}
+let cachedName = null, cachedInput = null, cachedPos = 0;
+function tagNameAfter(input, offset) {
+  let pos = input.pos + offset;
+  if (cachedInput == input && cachedPos == pos) return cachedName;
+  while (isSpace(input.peek(offset))) offset++;
+  let name2 = "";
+  for (; ; ) {
+    let next = input.peek(offset);
+    if (!nameChar(next)) break;
+    name2 += String.fromCharCode(next);
+    offset++;
+  }
+  cachedInput = input;
+  cachedPos = pos;
+  return cachedName = name2 || null;
+}
+function ElementContext(name2, parent) {
+  this.name = name2;
+  this.parent = parent;
+}
+const elementContext = new ContextTracker({
+  start: null,
+  shift(context, term, stack, input) {
+    return term == StartTag ? new ElementContext(tagNameAfter(input, 1) || "", context) : context;
+  },
+  reduce(context, term) {
+    return term == Element$1 && context ? context.parent : context;
+  },
+  reuse(context, node, _stack, input) {
+    let type2 = node.type.id;
+    return type2 == StartTag || type2 == OpenTag ? new ElementContext(tagNameAfter(input, 1) || "", context) : context;
+  },
+  strict: false
+});
+const startTag = new ExternalTokenizer((input, stack) => {
+  if (input.next != 60) return;
+  input.advance();
+  if (input.next == 47) {
+    input.advance();
+    let name2 = tagNameAfter(input, 0);
+    if (!name2) return input.acceptToken(incompleteStartCloseTag);
+    if (stack.context && name2 == stack.context.name) return input.acceptToken(StartCloseTag);
+    for (let cx = stack.context; cx; cx = cx.parent) if (cx.name == name2) return input.acceptToken(MissingCloseTag, -2);
+    input.acceptToken(mismatchedStartCloseTag);
+  } else if (input.next != 33 && input.next != 63) {
+    return input.acceptToken(StartTag);
+  }
+}, { contextual: true });
+function scanTo(type2, end) {
+  return new ExternalTokenizer((input) => {
+    let len = 0, first = end.charCodeAt(0);
+    scan: for (; ; input.advance(), len++) {
+      if (input.next < 0) break;
+      if (input.next == first) {
+        for (let i = 1; i < end.length; i++)
+          if (input.peek(i) != end.charCodeAt(i)) continue scan;
+        break;
+      }
+    }
+    if (len) input.acceptToken(type2);
+  });
+}
+const commentContent = scanTo(commentContent$1, "-->");
+const piContent = scanTo(piContent$1, "?>");
+const cdataContent = scanTo(cdataContent$1, "]]>");
+const xmlHighlighting = styleTags({
+  Text: tags.content,
+  "StartTag StartCloseTag EndTag SelfCloseEndTag": tags.angleBracket,
+  TagName: tags.tagName,
+  "MismatchedCloseTag/TagName": [tags.tagName, tags.invalid],
+  AttributeName: tags.attributeName,
+  AttributeValue: tags.attributeValue,
+  Is: tags.definitionOperator,
+  "EntityReference CharacterReference": tags.character,
+  Comment: tags.blockComment,
+  ProcessingInst: tags.processingInstruction,
+  DoctypeDecl: tags.documentMeta,
+  Cdata: tags.special(tags.string)
+});
+const parser$2 = LRParser.deserialize({
+  version: 14,
+  states: ",lOQOaOOOrOxO'#CfOzOpO'#CiO!tOaO'#CgOOOP'#Cg'#CgO!{OrO'#CrO#TOtO'#CsO#]OpO'#CtOOOP'#DT'#DTOOOP'#Cv'#CvQQOaOOOOOW'#Cw'#CwO#eOxO,59QOOOP,59Q,59QOOOO'#Cx'#CxO#mOpO,59TO#uO!bO,59TOOOP'#C|'#C|O$TOaO,59RO$[OpO'#CoOOOP,59R,59ROOOQ'#C}'#C}O$dOrO,59^OOOP,59^,59^OOOS'#DO'#DOO$lOtO,59_OOOP,59_,59_O$tOpO,59`O$|OpO,59`OOOP-E6t-E6tOOOW-E6u-E6uOOOP1G.l1G.lOOOO-E6v-E6vO%UO!bO1G.oO%UO!bO1G.oO%dOpO'#CkO%lO!bO'#CyO%zO!bO1G.oOOOP1G.o1G.oOOOP1G.w1G.wOOOP-E6z-E6zOOOP1G.m1G.mO&VOpO,59ZO&_OpO,59ZOOOQ-E6{-E6{OOOP1G.x1G.xOOOS-E6|-E6|OOOP1G.y1G.yO&gOpO1G.zO&gOpO1G.zOOOP1G.z1G.zO&oO!bO7+$ZO&}O!bO7+$ZOOOP7+$Z7+$ZOOOP7+$c7+$cO'YOpO,59VO'bOpO,59VO'mO!bO,59eOOOO-E6w-E6wO'{OpO1G.uO'{OpO1G.uOOOP1G.u1G.uO(TOpO7+$fOOOP7+$f7+$fO(]O!bO<<GuOOOP<<Gu<<GuOOOP<<G}<<G}O'bOpO1G.qO'bOpO1G.qO(hO#tO'#CnO(vO&jO'#CnOOOO1G.q1G.qO)UOpO7+$aOOOP7+$a7+$aOOOP<<HQ<<HQOOOPAN=aAN=aOOOPAN=iAN=iO'bOpO7+$]OOOO7+$]7+$]OOOO'#Cz'#CzO)^O#tO,59YOOOO,59Y,59YOOOO'#C{'#C{O)lO&jO,59YOOOP<<G{<<G{OOOO<<Gw<<GwOOOO-E6x-E6xOOOO1G.t1G.tOOOO-E6y-E6y",
+  stateData: ")z~OPQOSVOTWOVWOWWOXWOiXOyPO!QTO!SUO~OvZOx]O~O^`Oz^O~OPQOQcOSVOTWOVWOWWOXWOyPO!QTO!SUO~ORdO~P!SOteO!PgO~OuhO!RjO~O^lOz^O~OvZOxoO~O^qOz^O~O[vO`sOdwOz^O~ORyO~P!SO^{Oz^O~OteO!P}O~OuhO!R!PO~O^!QOz^O~O[!SOz^O~O[!VO`sOd!WOz^O~Oa!YOz^O~Oz^O[mX`mXdmX~O[!VO`sOd!WO~O^!]Oz^O~O[!_Oz^O~O[!aOz^O~O[!cO`sOd!dOz^O~O[!cO`sOd!dO~Oa!eOz^O~Oz^O{!gO}!hO~Oz^O[ma`madma~O[!kOz^O~O[!lOz^O~O[!mO`sOd!nO~OW!qOX!qO{!sO|!qO~OW!tOX!tO}!sO!O!tO~O[!vOz^O~OW!qOX!qO{!yO|!qO~OW!tOX!tO}!yO!O!tO~O",
+  goto: "%cxPPPPPPPPPPyyP!PP!VPP!`!jP!pyyyP!v!|#S$[$k$q$w$}%TPPPP%ZXWORYbXRORYb_t`qru!T!U!bQ!i!YS!p!e!fR!w!oQdRRybXSORYbQYORmYQ[PRn[Q_QQkVjp_krz!R!T!X!Z!^!`!f!j!oQr`QzcQ!RlQ!TqQ!XsQ!ZtQ!^{Q!`!QQ!f!YQ!j!]R!o!eQu`S!UqrU![u!U!bR!b!TQ!r!gR!x!rQ!u!hR!z!uQbRRxbQfTR|fQiUR!OiSXOYTaRb",
+  nodeNames: "⚠ StartTag StartCloseTag MissingCloseTag StartCloseTag StartCloseTag Document Text EntityReference CharacterReference Cdata Element EndTag OpenTag TagName Attribute AttributeName Is AttributeValue CloseTag SelfCloseEndTag SelfClosingTag Comment ProcessingInst MismatchedCloseTag DoctypeDecl",
+  maxTerm: 50,
+  context: elementContext,
+  nodeProps: [
+    ["closedBy", 1, "SelfCloseEndTag EndTag", 13, "CloseTag MissingCloseTag"],
+    ["openedBy", 12, "StartTag StartCloseTag", 19, "OpenTag", 20, "StartTag"],
+    ["isolate", -6, 13, 18, 19, 21, 22, 24, ""]
+  ],
+  propSources: [xmlHighlighting],
+  skippedNodes: [0],
+  repeatNodeCount: 9,
+  tokenData: "!)v~R!YOX$qXY)iYZ)iZ]$q]^)i^p$qpq)iqr$qrs*vsv$qvw+fwx/ix}$q}!O0[!O!P$q!P!Q2z!Q![$q![!]4n!]!^$q!^!_8U!_!`!#t!`!a!$l!a!b!%d!b!c$q!c!}4n!}#P$q#P#Q!'W#Q#R$q#R#S4n#S#T$q#T#o4n#o%W$q%W%o4n%o%p$q%p&a4n&a&b$q&b1p4n1p4U$q4U4d4n4d4e$q4e$IS4n$IS$I`$q$I`$Ib4n$Ib$Kh$q$Kh%#t4n%#t&/x$q&/x&Et4n&Et&FV$q&FV;'S4n;'S;:j8O;:j;=`)c<%l?&r$q?&r?Ah4n?Ah?BY$q?BY?Mn4n?MnO$qi$zXVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qa%nVVP!O`Ov%gwx&Tx!^%g!^!_&o!_;'S%g;'S;=`'W<%lO%gP&YTVPOv&Tw!^&T!_;'S&T;'S;=`&i<%lO&TP&lP;=`<%l&T`&tS!O`Ov&ox;'S&o;'S;=`'Q<%lO&o`'TP;=`<%l&oa'ZP;=`<%l%gX'eWVP|WOr'^rs&Tsv'^w!^'^!^!_'}!_;'S'^;'S;=`(i<%lO'^W(ST|WOr'}sv'}w;'S'};'S;=`(c<%lO'}W(fP;=`<%l'}X(lP;=`<%l'^h(vV|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oh)`P;=`<%l(oi)fP;=`<%l$qo)t`VP|W!O`zUOX$qXY)iYZ)iZ]$q]^)i^p$qpq)iqr$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk+PV{YVP!O`Ov%gwx&Tx!^%g!^!_&o!_;'S%g;'S;=`'W<%lO%g~+iast,n![!]-r!c!}-r#R#S-r#T#o-r%W%o-r%p&a-r&b1p-r4U4d-r4e$IS-r$I`$Ib-r$Kh%#t-r&/x&Et-r&FV;'S-r;'S;:j/c?&r?Ah-r?BY?Mn-r~,qQ!Q![,w#l#m-V~,zQ!Q![,w!]!^-Q~-VOX~~-YR!Q![-c!c!i-c#T#Z-c~-fS!Q![-c!]!^-Q!c!i-c#T#Z-c~-ug}!O-r!O!P-r!Q![-r![!]-r!]!^/^!c!}-r#R#S-r#T#o-r$}%O-r%W%o-r%p&a-r&b1p-r1p4U-r4U4d-r4e$IS-r$I`$Ib-r$Je$Jg-r$Kh%#t-r&/x&Et-r&FV;'S-r;'S;:j/c?&r?Ah-r?BY?Mn-r~/cOW~~/fP;=`<%l-rk/rW}bVP|WOr'^rs&Tsv'^w!^'^!^!_'}!_;'S'^;'S;=`(i<%lO'^k0eZVP|W!O`Or$qrs%gsv$qwx'^x}$q}!O1W!O!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk1aZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a2S!a;'S$q;'S;=`)c<%lO$qk2_X!PQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qm3TZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a3v!a;'S$q;'S;=`)c<%lO$qm4RXdSVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qo4{!P`S^QVP|W!O`Or$qrs%gsv$qwx'^x}$q}!O4n!O!P4n!P!Q$q!Q![4n![!]4n!]!^$q!^!_(o!_!c$q!c!}4n!}#R$q#R#S4n#S#T$q#T#o4n#o$}$q$}%O4n%O%W$q%W%o4n%o%p$q%p&a4n&a&b$q&b1p4n1p4U4n4U4d4n4d4e$q4e$IS4n$IS$I`$q$I`$Ib4n$Ib$Je$q$Je$Jg4n$Jg$Kh$q$Kh%#t4n%#t&/x$q&/x&Et4n&Et&FV$q&FV;'S4n;'S;:j8O;:j;=`)c<%l?&r$q?&r?Ah4n?Ah?BY$q?BY?Mn4n?MnO$qo8RP;=`<%l4ni8]Y|W!O`Oq(oqr8{rs&osv(owx'}x!a(o!a!b!#U!b;'S(o;'S;=`)]<%lO(oi9S_|W!O`Or(ors&osv(owx'}x}(o}!O:R!O!f(o!f!g;e!g!}(o!}#ODh#O#W(o#W#XLp#X;'S(o;'S;=`)]<%lO(oi:YX|W!O`Or(ors&osv(owx'}x}(o}!O:u!O;'S(o;'S;=`)]<%lO(oi;OV!QP|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oi;lX|W!O`Or(ors&osv(owx'}x!q(o!q!r<X!r;'S(o;'S;=`)]<%lO(oi<`X|W!O`Or(ors&osv(owx'}x!e(o!e!f<{!f;'S(o;'S;=`)]<%lO(oi=SX|W!O`Or(ors&osv(owx'}x!v(o!v!w=o!w;'S(o;'S;=`)]<%lO(oi=vX|W!O`Or(ors&osv(owx'}x!{(o!{!|>c!|;'S(o;'S;=`)]<%lO(oi>jX|W!O`Or(ors&osv(owx'}x!r(o!r!s?V!s;'S(o;'S;=`)]<%lO(oi?^X|W!O`Or(ors&osv(owx'}x!g(o!g!h?y!h;'S(o;'S;=`)]<%lO(oi@QY|W!O`Or?yrs@psv?yvwA[wxBdx!`?y!`!aCr!a;'S?y;'S;=`Db<%lO?ya@uV!O`Ov@pvxA[x!`@p!`!aAy!a;'S@p;'S;=`B^<%lO@pPA_TO!`A[!`!aAn!a;'SA[;'S;=`As<%lOA[PAsOiPPAvP;=`<%lA[aBQSiP!O`Ov&ox;'S&o;'S;=`'Q<%lO&oaBaP;=`<%l@pXBiX|WOrBdrsA[svBdvwA[w!`Bd!`!aCU!a;'SBd;'S;=`Cl<%lOBdXC]TiP|WOr'}sv'}w;'S'};'S;=`(c<%lO'}XCoP;=`<%lBdiC{ViP|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oiDeP;=`<%l?yiDoZ|W!O`Or(ors&osv(owx'}x!e(o!e!fEb!f#V(o#V#WIr#W;'S(o;'S;=`)]<%lO(oiEiX|W!O`Or(ors&osv(owx'}x!f(o!f!gFU!g;'S(o;'S;=`)]<%lO(oiF]X|W!O`Or(ors&osv(owx'}x!c(o!c!dFx!d;'S(o;'S;=`)]<%lO(oiGPX|W!O`Or(ors&osv(owx'}x!v(o!v!wGl!w;'S(o;'S;=`)]<%lO(oiGsX|W!O`Or(ors&osv(owx'}x!c(o!c!dH`!d;'S(o;'S;=`)]<%lO(oiHgX|W!O`Or(ors&osv(owx'}x!}(o!}#OIS#O;'S(o;'S;=`)]<%lO(oiI]V|W!O`yPOr(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oiIyX|W!O`Or(ors&osv(owx'}x#W(o#W#XJf#X;'S(o;'S;=`)]<%lO(oiJmX|W!O`Or(ors&osv(owx'}x#T(o#T#UKY#U;'S(o;'S;=`)]<%lO(oiKaX|W!O`Or(ors&osv(owx'}x#h(o#h#iK|#i;'S(o;'S;=`)]<%lO(oiLTX|W!O`Or(ors&osv(owx'}x#T(o#T#UH`#U;'S(o;'S;=`)]<%lO(oiLwX|W!O`Or(ors&osv(owx'}x#c(o#c#dMd#d;'S(o;'S;=`)]<%lO(oiMkX|W!O`Or(ors&osv(owx'}x#V(o#V#WNW#W;'S(o;'S;=`)]<%lO(oiN_X|W!O`Or(ors&osv(owx'}x#h(o#h#iNz#i;'S(o;'S;=`)]<%lO(oi! RX|W!O`Or(ors&osv(owx'}x#m(o#m#n! n#n;'S(o;'S;=`)]<%lO(oi! uX|W!O`Or(ors&osv(owx'}x#d(o#d#e!!b#e;'S(o;'S;=`)]<%lO(oi!!iX|W!O`Or(ors&osv(owx'}x#X(o#X#Y?y#Y;'S(o;'S;=`)]<%lO(oi!#_V!SP|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(ok!$PXaQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qo!$wX[UVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk!%mZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a!&`!a;'S$q;'S;=`)c<%lO$qk!&kX!RQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk!'aZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_#P$q#P#Q!(S#Q;'S$q;'S;=`)c<%lO$qk!(]ZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a!)O!a;'S$q;'S;=`)c<%lO$qk!)ZXxQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$q",
+  tokenizers: [startTag, commentContent, piContent, cdataContent, 0, 1, 2, 3, 4],
+  topRules: { "Document": [0, 6] },
+  tokenPrec: 0
+});
+function tagName(doc2, tag) {
+  let name2 = tag && tag.getChild("TagName");
+  return name2 ? doc2.sliceString(name2.from, name2.to) : "";
+}
+function elementName$1(doc2, tree) {
+  let tag = tree && tree.firstChild;
+  return !tag || tag.name != "OpenTag" ? "" : tagName(doc2, tag);
+}
+function attrName(doc2, tag, pos) {
+  let attr = tag && tag.getChildren("Attribute").find((a) => a.from <= pos && a.to >= pos);
+  let name2 = attr && attr.getChild("AttributeName");
+  return name2 ? doc2.sliceString(name2.from, name2.to) : "";
+}
+function findParentElement(tree) {
+  for (let cur2 = tree && tree.parent; cur2; cur2 = cur2.parent)
+    if (cur2.name == "Element")
+      return cur2;
+  return null;
+}
+function findLocation(state, pos) {
+  var _a2;
+  let at = syntaxTree(state).resolveInner(pos, -1), inTag = null;
+  for (let cur2 = at; !inTag && cur2.parent; cur2 = cur2.parent)
+    if (cur2.name == "OpenTag" || cur2.name == "CloseTag" || cur2.name == "SelfClosingTag" || cur2.name == "MismatchedCloseTag")
+      inTag = cur2;
+  if (inTag && (inTag.to > pos || inTag.lastChild.type.isError)) {
+    let elt = inTag.parent;
+    if (at.name == "TagName")
+      return inTag.name == "CloseTag" || inTag.name == "MismatchedCloseTag" ? { type: "closeTag", from: at.from, context: elt } : { type: "openTag", from: at.from, context: findParentElement(elt) };
+    if (at.name == "AttributeName")
+      return { type: "attrName", from: at.from, context: inTag };
+    if (at.name == "AttributeValue")
+      return { type: "attrValue", from: at.from, context: inTag };
+    let before = at == inTag || at.name == "Attribute" ? at.childBefore(pos) : at;
+    if ((before === null || before === void 0 ? void 0 : before.name) == "StartTag")
+      return { type: "openTag", from: pos, context: findParentElement(elt) };
+    if ((before === null || before === void 0 ? void 0 : before.name) == "StartCloseTag" && before.to <= pos)
+      return { type: "closeTag", from: pos, context: elt };
+    if ((before === null || before === void 0 ? void 0 : before.name) == "Is")
+      return { type: "attrValue", from: pos, context: inTag };
+    if (before)
+      return { type: "attrName", from: pos, context: inTag };
+    return null;
+  } else if (at.name == "StartCloseTag") {
+    return { type: "closeTag", from: pos, context: at.parent };
+  }
+  while (at.parent && at.to == pos && !((_a2 = at.lastChild) === null || _a2 === void 0 ? void 0 : _a2.type.isError))
+    at = at.parent;
+  if (at.name == "Element" || at.name == "Text" || at.name == "Document")
+    return { type: "tag", from: pos, context: at.name == "Element" ? at : findParentElement(at) };
+  return null;
+}
+class Element {
+  constructor(spec, attrs, attrValues) {
+    this.attrs = attrs;
+    this.attrValues = attrValues;
+    this.children = [];
+    this.name = spec.name;
+    this.completion = Object.assign(Object.assign({ type: "type" }, spec.completion || {}), { label: this.name });
+    this.openCompletion = Object.assign(Object.assign({}, this.completion), { label: "<" + this.name });
+    this.closeCompletion = Object.assign(Object.assign({}, this.completion), { label: "</" + this.name + ">", boost: 2 });
+    this.closeNameCompletion = Object.assign(Object.assign({}, this.completion), { label: this.name + ">" });
+    this.text = spec.textContent ? spec.textContent.map((s) => ({ label: s, type: "text" })) : [];
+  }
+}
+const Identifier$1 = /^[:\-\.\w\u00b7-\uffff]*$/;
+function attrCompletion(spec) {
+  return Object.assign(Object.assign({ type: "property" }, spec.completion || {}), { label: spec.name });
+}
+function valueCompletion(spec) {
+  return typeof spec == "string" ? { label: `"${spec}"`, type: "constant" } : /^"/.test(spec.label) ? spec : Object.assign(Object.assign({}, spec), { label: `"${spec.label}"` });
+}
+function completeFromSchema(eltSpecs, attrSpecs) {
+  let allAttrs = [], globalAttrs = [];
+  let attrValues = /* @__PURE__ */ Object.create(null);
+  for (let s of attrSpecs) {
+    let completion2 = attrCompletion(s);
+    allAttrs.push(completion2);
+    if (s.global)
+      globalAttrs.push(completion2);
+    if (s.values)
+      attrValues[s.name] = s.values.map(valueCompletion);
+  }
+  let allElements = [], topElements = [];
+  let byName = /* @__PURE__ */ Object.create(null);
+  for (let s of eltSpecs) {
+    let attrs = globalAttrs, attrVals = attrValues;
+    if (s.attributes)
+      attrs = attrs.concat(s.attributes.map((s2) => {
+        if (typeof s2 == "string")
+          return allAttrs.find((a) => a.label == s2) || { label: s2, type: "property" };
+        if (s2.values) {
+          if (attrVals == attrValues)
+            attrVals = Object.create(attrVals);
+          attrVals[s2.name] = s2.values.map(valueCompletion);
+        }
+        return attrCompletion(s2);
+      }));
+    let elt = new Element(s, attrs, attrVals);
+    byName[elt.name] = elt;
+    allElements.push(elt);
+    if (s.top)
+      topElements.push(elt);
+  }
+  if (!topElements.length)
+    topElements = allElements;
+  for (let i = 0; i < allElements.length; i++) {
+    let s = eltSpecs[i], elt = allElements[i];
+    if (s.children) {
+      for (let ch of s.children)
+        if (byName[ch])
+          elt.children.push(byName[ch]);
+    } else {
+      elt.children = allElements;
+    }
+  }
+  return (cx) => {
+    var _a2;
+    let { doc: doc2 } = cx.state, loc = findLocation(cx.state, cx.pos);
+    if (!loc || loc.type == "tag" && !cx.explicit)
+      return null;
+    let { type: type2, from, context } = loc;
+    if (type2 == "openTag") {
+      let children = topElements;
+      let parentName = elementName$1(doc2, context);
+      if (parentName) {
+        let parent = byName[parentName];
+        children = (parent === null || parent === void 0 ? void 0 : parent.children) || allElements;
+      }
+      return {
+        from,
+        options: children.map((ch) => ch.completion),
+        validFor: Identifier$1
+      };
+    } else if (type2 == "closeTag") {
+      let parentName = elementName$1(doc2, context);
+      return parentName ? {
+        from,
+        to: cx.pos + (doc2.sliceString(cx.pos, cx.pos + 1) == ">" ? 1 : 0),
+        options: [((_a2 = byName[parentName]) === null || _a2 === void 0 ? void 0 : _a2.closeNameCompletion) || { label: parentName + ">", type: "type" }],
+        validFor: Identifier$1
+      } : null;
+    } else if (type2 == "attrName") {
+      let parent = byName[tagName(doc2, context)];
+      return {
+        from,
+        options: (parent === null || parent === void 0 ? void 0 : parent.attrs) || globalAttrs,
+        validFor: Identifier$1
+      };
+    } else if (type2 == "attrValue") {
+      let attr = attrName(doc2, context, from);
+      if (!attr)
+        return null;
+      let parent = byName[tagName(doc2, context)];
+      let values = ((parent === null || parent === void 0 ? void 0 : parent.attrValues) || attrValues)[attr];
+      if (!values || !values.length)
+        return null;
+      return {
+        from,
+        to: cx.pos + (doc2.sliceString(cx.pos, cx.pos + 1) == '"' ? 1 : 0),
+        options: values,
+        validFor: /^"[^"]*"?$/
+      };
+    } else if (type2 == "tag") {
+      let parentName = elementName$1(doc2, context), parent = byName[parentName];
+      let closing2 = [], last = context && context.lastChild;
+      if (parentName && (!last || last.name != "CloseTag" || tagName(doc2, last) != parentName))
+        closing2.push(parent ? parent.closeCompletion : { label: "</" + parentName + ">", type: "type", boost: 2 });
+      let options = closing2.concat(((parent === null || parent === void 0 ? void 0 : parent.children) || (context ? allElements : topElements)).map((e) => e.openCompletion));
+      if (context && (parent === null || parent === void 0 ? void 0 : parent.text.length)) {
+        let openTag = context.firstChild;
+        if (openTag.to > cx.pos - 20 && !/\S/.test(cx.state.sliceDoc(openTag.to, cx.pos)))
+          options = options.concat(parent.text);
+      }
+      return {
+        from,
+        options,
+        validFor: /^<\/?[:\-\.\w\u00b7-\uffff]*$/
+      };
+    } else {
+      return null;
+    }
+  };
+}
+const xmlLanguage = /* @__PURE__ */ LRLanguage.define({
+  name: "xml",
+  parser: /* @__PURE__ */ parser$2.configure({
+    props: [
+      /* @__PURE__ */ indentNodeProp.add({
+        Element(context) {
+          let closed = /^\s*<\//.test(context.textAfter);
+          return context.lineIndent(context.node.from) + (closed ? 0 : context.unit);
+        },
+        "OpenTag CloseTag SelfClosingTag"(context) {
+          return context.column(context.node.from) + context.unit;
+        }
+      }),
+      /* @__PURE__ */ foldNodeProp.add({
+        Element(subtree) {
+          let first = subtree.firstChild, last = subtree.lastChild;
+          if (!first || first.name != "OpenTag")
+            return null;
+          return { from: first.to, to: last.name == "CloseTag" ? last.from : subtree.to };
+        }
+      }),
+      /* @__PURE__ */ bracketMatchingHandle.add({
+        "OpenTag CloseTag": (node) => node.getChild("TagName")
+      })
+    ]
+  }),
+  languageData: {
+    commentTokens: { block: { open: "<!--", close: "-->" } },
+    indentOnInput: /^\s*<\/$/
+  }
+});
+function xml(conf = {}) {
+  let support = [xmlLanguage.data.of({
+    autocomplete: completeFromSchema(conf.elements || [], conf.attributes || [])
+  })];
+  if (conf.autoCloseTags !== false)
+    support.push(autoCloseTags$1);
+  return new LanguageSupport(xmlLanguage, support);
+}
+function elementName$2(doc2, tree, max = doc2.length) {
+  if (!tree)
+    return "";
+  let tag = tree.firstChild;
+  let name2 = tag && tag.getChild("TagName");
+  return name2 ? doc2.sliceString(name2.from, Math.min(name2.to, max)) : "";
+}
+const autoCloseTags$1 = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to, text, insertTransaction) => {
+  if (view.composing || view.state.readOnly || from != to || text != ">" && text != "/" || !xmlLanguage.isActiveAt(view.state, from, -1))
+    return false;
+  let base2 = insertTransaction(), { state } = base2;
+  let closeTags = state.changeByRange((range) => {
+    var _a2, _b, _c;
+    let { head } = range;
+    let didType = state.doc.sliceString(head - 1, head) == text;
+    let after = syntaxTree(state).resolveInner(head, -1), name2;
+    if (didType && text == ">" && after.name == "EndTag") {
+      let tag = after.parent;
+      if (((_b = (_a2 = tag.parent) === null || _a2 === void 0 ? void 0 : _a2.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" && (name2 = elementName$2(state.doc, tag.parent, head))) {
+        let to2 = head + (state.doc.sliceString(head, head + 1) === ">" ? 1 : 0);
+        let insert2 = `</${name2}>`;
+        return { range, changes: { from: head, to: to2, insert: insert2 } };
+      }
+    } else if (didType && text == "/" && after.name == "StartCloseTag") {
+      let base3 = after.parent;
+      if (after.from == head - 2 && ((_c = base3.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" && (name2 = elementName$2(state.doc, base3, head))) {
+        let to2 = head + (state.doc.sliceString(head, head + 1) === ">" ? 1 : 0);
+        let insert2 = `${name2}>`;
+        return {
+          range: EditorSelection.cursor(head + insert2.length, -1),
+          changes: { from: head, to: to2, insert: insert2 }
+        };
+      }
+    }
+    return { range };
+  });
+  if (closeTags.changes.empty)
+    return false;
+  view.dispatch([
+    base2,
+    state.update(closeTags, {
+      userEvent: "input.complete",
+      scrollIntoView: true
+    })
+  ]);
+  return true;
+});
+const commentKeymap = keymap.of([
+  { key: "Mod-/", run: toggleComment, preventDefault: true }
+]);
+function jsonWithComments() {
+  const lang = json();
+  return [lang, lang.language.data.of({ commentTokens: { line: "//" } }), commentKeymap];
+}
+function xmlWithComments() {
+  return [xml(), commentKeymap];
+}
 function devAssert(condition, message) {
   const booleanCondition = Boolean(condition);
   if (!booleanCondition) {
@@ -54542,7 +55720,7 @@ const stateExtensions = (schema, opts) => [
   optionsStateField.init(() => Object.assign(Object.assign({}, defaultOpts), opts))
 ];
 const spec_name = { __proto__: null, query: 241, mutation: 243, subscription: 245, on: 86, fragment: 92, schema: 102, scalar: 114, type: 120, implements: 126, interface: 140, union: 146, enum: 154, input: 164, directive: 172, repeatable: 176, extend: 192 };
-const parser$2 = /* @__PURE__ */ LRParser.deserialize({
+const parser$1 = /* @__PURE__ */ LRParser.deserialize({
   version: 14,
   states: "LWOYQPOOO!WQPO'#C}O!`QPO'#C_OOQO'#C_'#C_O!iQPO'#DYOOQO'#Ev'#EvOOQO'#D_'#D_O!nQPO'#D^O#_QPO'#D^O!iQPO'#DhO!iQPO'#DrO!iQPO'#DuO!iQPO'#DyO!iQPO'#EOOOQO'#Dd'#DdO#fQPO'#ESOOQO'#D]'#D]O!vQPO'#E^OOQO'#Ea'#EaOOQO'#E]'#E]OOQO'#FT'#FTOOQO'#Eu'#EuOOQO'#Eh'#EhQYQPOOOOQO'#C`'#C`OOQO'#DZ'#DZOOQO'#D`'#D`OOQO'#Di'#DiOOQO'#Ds'#DsOOQO'#Dv'#DvOOQO'#Dz'#DzOOQO'#EP'#EPOOQO'#ET'#ETOOQO'#E_'#E_O#kQPO'#CaO$VQPO'#DQO$[QPO'#DPO$sQPO'#DPO$xQPO'#DSO%WQPO'#DOOOQO'#En'#EnO%fQPO,59iOOQO'#Ca'#CaO%qQPO'#CxOOQO'#El'#ElO'hQPO'#CwO)[QPO'#CdOOQO,58y,58yO)aQPO,58yO)fQPO,58yO)nQPO,58yOOQO'#DT'#DTO)yQPO,59tO{QPO'#FUOOQO'#Db'#DbOOQO,59x,59xO*OQPO,59xO!nQPO,59xO!iQPO,5:PO!iQPO,5:SO!iQPO,5:^O!iQPO,5:aO!iQPO,5:eO!iQPO,5:jO*TQPO,5:nOOQO'#Df'#DfO*YQPO,5:SO+aQPO,5:^O,hQPO,5:aO-oQPO,5:eO.sQPO,5:jO/wQPO,5:nO!nQPO,5:xO!iQPO,5:|O!iQPO,5:}O!iQPO,5;OO!iQPO,5;PO!iQPO,5;QO!iQPO,5;ROOQO-E8f-E8fOOQO,59l,59lO0VQPO'#CzOOQO,59k,59kO0[QPO,59kO0mQPO,59kOOQO'#DR'#DRO0tQPO,59kO1OQPO,59nO!iQPO'#DVOOQO,59p,59pO)aQPO,59pO)fQPO,59pOOQO'#DW'#DWOOQO,59j,59jOOQO-E8l-E8lOOQO1G/T1G/TOOQO,59d,59dOOQO-E8j-E8jO1aQPO'#CeOOQO'#Ei'#EiO1fQPO,59OOOQO1G.e1G.eO)aQPO1G.eO)fQPO1G.eO)fQPO1G/`O1nQPO'#DcO1sQPO,5;pOOQO1G/d1G/dO*OQPO1G/dO1xQPO1G/kO4QQPO1G/nO5]QPO1G/xO6hQPO1G/{O7pQPO1G0PO8xQPO1G0UO/wQPO1G0YO9PQPO1G/nO9WQPO'#DkO9`QPO'#FWOOQO'#Dn'#DnOOQO1G/n1G/nO9hQPO1G/nOOQO'#Dl'#DlO:iQPO1G/xOOQO1G/x1G/xO:pQPO1G/xO;qQPO1G/{O;xQPO'#DxO5dQPO1G/{O<QQQO'#FYOOQO'#D|'#D|OOQO1G0P1G0PO6oQPO1G0PO9`QPO'#FZOOQO'#ER'#EROOQO1G0U1G0UO7wQPO1G0UO<YQPO'#DqO!iQPO'#DqOOQO'#Ep'#EpO<_QPO'#DpO<pQSO1G0YO)yQPO1G0YO>QQPO1G0YOOQO'#EV'#EVOOQO1G0d1G0dO>YQPO1G0dO!qQPO1G0hO?ZQPO1G0iO?ZQPO1G0jO?fQPO1G0kO?nQPO1G0lO?vQPO1G0mOOQO'#C|'#C|O@OQPO'#C{OOQO'#Em'#EmO@TQPO,59fOOQO1G/V1G/VO@]QPO1G/VO@nQPO1G/VOOQO1G/Y1G/YOOQO'#Cg'#CgOOQO,59q,59qOOQO1G/[1G/[O)aQPO1G/[O@uQPO,59POOQO-E8g-E8gOOQO1G.j1G.jOOQO7+$P7+$PO)aQPO7+$POOQO7+$z7+$zO)aQPO7+$zO!iQPO,59}OOQO1G1[1G1[OOQO7+%O7+%OOOQO7+%V7+%VOBOQPO7+%YOOQO7+%Y7+%YO@}QPO7+%YOCZQPO7+%dOOQO7+%d7+%dOBYQPO7+%dODfQPO7+%gODmQPO7+%gOOQO7+%k7+%kODtQPO7+%kOOQO7+%p7+%pOEuQPO7+%pO<pQSO7+%tO)yQPO7+%tO>QQPO7+%tO!iQPO,5:VOOQO,5:V,5:VOFvQPO'#DoO!iQPO'#DoOOQO'#Eo'#EoOGRQPO,5;rO!iQPO,5:dOOQO,5:d,5:dOG^QQO'#D}OGlQQO'#D}OOQO'#Eq'#EqOGqQQO,5;tOG|QPO,5;uO@uQPO,5:]OHXQPO,5:]OOQO-E8n-E8nOOQO'#EZ'#EZOOQO'#E['#E[OOQO'#EY'#EYOH^QPO7+%tOOQO'#EX'#EXO<sQSO'#EXOOQO7+&O7+&OOOQO7+&S7+&SOJcQPO7+&TOOQO7+&T7+&TOIbQPO7+&TOKnQPO7+&UOOQO7+&U7+&UOJmQPO7+&UOLyQPO7+&VOMQQPO7+&VOOQO7+&W7+&WOMXQPO7+&WOOQO7+&X7+&XONYQPO7+&XO! ZQQO,59gOOQO-E8k-E8kOOQO1G/Q1G/QOOQO7+$q7+$qO! xQPO7+$qOOQO7+$v7+$vO@uQPO'#CjO!!ZQPO'#E|OOQO'#E|'#E|O!#UQPO1G.kOOQO<<Gk<<GkOOQO<<Hf<<HfOOQO1G/i1G/iOOQO<<Ht<<HtO!#gQPO<<HtOOQO<<IO<<IOO!$hQPO<<IOO!%iQPO<<IROOQO<<IV<<IVOOQO<<I[<<I[O!&mQPO<<I`O<pQSO<<I`O)yQPO<<I`OOQO1G/q1G/qO@uQPO,5:ZO!'qQPO,5:ZO!'vQPO,5:ZOOQO-E8m-E8mOOQO1G1^1G1^OOQO1G0O1G0OO!(RQQO'#CxO!(dQQO'#CwOOQO,5:i,5:iO!(rQQO,5:iOOQO-E8o-E8oOOQO1G1`1G1`OOQO1G1a1G1aO!)QQPO1G/wO@uQPO1G/wO<sQSO,5:sOOQO,5:s,5:sOOQO<<Io<<IoO!)lQPO<<IoOOQO<<Ip<<IpO!*mQPO<<IpO!+nQPO<<IqOOQO<<Ir<<IrOOQO<<Is<<IsO!,rQQO'#CsO!,yQPO'#CvOOQO'#FP'#FPO!-RQPO1G/ROOQO<<H]<<H]O!-^QPO,59UOOQO,59V,59VO! ZQQO'#ClOOQO7+$V7+$VO!-cQPO7+$VO!-nQPO7+$VOOQOAN>`AN>`OOQOAN>jAN>jO!-|QPOAN>zO<pQSOAN>zO!/QQPO1G/uO@uQPO1G/uO!/`QPO1G/uOOQO1G0T1G0TOOQO7+%c7+%cO!/eQPO7+%cO!/|QPO7+%cOOQO1G0_1G0_OOQOAN?ZAN?ZOOQOAN?[AN?[O!0TQQO'#EjO!0xQQO,59_OOQO,59_,59_O!1PQPO'#FROOQO'#Ek'#EkO!1UQPO,59bOOQO,59b,59bOOQO7+$m7+$mOOQO1G.p1G.pOOQO,59W,59WOOQO<<Gq<<GqO!1^QPO<<GqO!1iQPOG24fOOQO7+%a7+%aO!2mQPO7+%aO@uQPO7+%aOOQO<<H}<<H}O!2{QPO<<H}OOQO,5;U,5;UOOQO-E8h-E8hOOQO1G.y1G.yO! ZQQO,5;mOOQO-E8i-E8iOOQO1G.|1G.|OOQOAN=]AN=]OOQO<<H{<<H{O!3dQPO<<H{OOQOAN>iAN>iO!3rQPO1G1XOOQOAN>gAN>gOOQO7+&s7+&s",
   stateData: "!4S~O#hOSPOS~OcUOiPO!OiO!TjO!^kO!hlO!kmO!onO!toO!xpO#SqO#lhO#mhO#nhO~O#krO#vvO~OV!OOiPOm{O#kzO~Oi!VOm{O~O!TjO!Z!cO!^kO!hlO!kmO!onO!toO~O!xpO~P!vOm!iO~OVuXhuXiuXmuX#kuX#oTX#tuX#vuX~O#o!rO~OV!sOiPOm{OhsX#ksX#tsX#vsX~O#k!wO~OiPOm{O{#OO#kzO~O#t#POhrX#krX#vrX~Oh#RO#krO#vvO~OV!sOilXmlXhlX#klX#tlX#vlXclX!OlX!TlX!^lX!hlX!klX!olX!tlX!xlX#SlX#flX#llX#mlX#nlX#rlXUlXYlX{lX!zlX#olX~Om{OikXhkX#kkX#tkX#vkXckX!OkX!TkX!^kX!hkX!kkX!okX!tkX!xkX#SkX#fkX#lkX#mkX#nkX#rkXUkXYkX{kX!zkX#okX~OY#UO~OiPO~OiPOm{O~OV!OOiPOm{O~O{#OO~Oi!VO~Om#gO~Oi#jOm{O!a#nOc![a!O![a!T![a!^![a!h![a!k![a!o![a!t![a!x![a#S![a#f![a#l![a#m![a#n![a~Oi#jOm{O!a#nOc!fa!O!fa!T!fa!^!fa!h!fa!k!fa!o!fa!t!fa!x!fa#S!fa#f!fa#l!fa#m!fa#n!fa~Om{O#r#sOc!iai!ia!O!ia!T!ia!^!ia!h!ia!k!ia!o!ia!t!ia!x!ia#S!ia#f!ia#l!ia#m!ia#n!ia~Oi#uOm{Oc!ma!O!ma!T!ma!^!ma!h!ma!k!ma!o!ma!t!ma!x!ma#S!ma#f!ma#l!ma#m!ma#n!ma~Oi#yOm{Oc!ra!O!ra!T!ra!^!ra!h!ra!k!ra!o!ra!t!ra!x!ra#S!ra#f!ra#l!ra#m!ra#n!ra~OcUO{#OO!z$UO#kzO~O#k$_O~OiPOhsa#ksa#tsa#vsa~Om{O~P0[OV!sOm{O~P0[Om{Ohva#kva#tva#vva~O#o$kO~OU$mOY#UO~O#o$rO~Oh$sO~Om{Oc!Xii!Xi!O!Xi!T!Xi!^!Xi!h!Xi!k!Xi!o!Xi!t!Xi!x!Xi#S!Xi#f!Xi#l!Xi#m!Xi#n!Xi~Oi#jOm{Oc![i!O![i!T![i!^![i!h![i!k![i!o![i!t![i!x![i#S![i#f![i#l![i#m![i#n![i~O!a#nO~P2|Oi#jOm{Oc!fi!O!fi!T!fi!^!fi!h!fi!k!fi!o!fi!t!fi!x!fi#S!fi#f!fi#l!fi#m!fi#n!fi~O!a#nO~P4XO#r#sOc!iii!ii!O!ii!T!ii!^!ii!h!ii!k!ii!o!ii!t!ii!x!ii#S!ii#f!ii#l!ii#m!ii#n!ii~Om{O~P5dOi#uOc!mi!O!mi!T!mi!^!mi!h!mi!k!mi!o!mi!t!mi!x!mi#S!mi#f!mi#l!mi#m!mi#n!mi~Om{O~P6oOi#yOc!ri!O!ri!T!ri!^!ri!h!ri!k!ri!o!ri!t!ri!x!ri#S!ri#f!ri#l!ri#m!ri#n!ri~Om{O~P7wO#y%VO~P2|O#kzO#y%VO~OcUO#kzO~Oi#jOc![i!O![i!T![i!^![i!h![i!k![i!o![i!t![i!x![i#S![i#f![i#l![i#m![i#n![i~O#y%VO~P4XOi#jOc!fi!O!fi!T!fi!^!fi!h!fi!k!fi!o!fi!t!fi!x!fi#S!fi#f!fi#l!fi#m!fi#n!fi~O#{%]O~P5gO#kzO#{%]O~OcUOf%_O~O#o%dO~OcUO#kzO{!dX!z!dX#o!dX~O#{%lO$O%gO$P%gO$Q%gO$R%gO$S%gO$T%gO$U%gO$V%gO$W%hO$X%hO$Y%hO$Z%hO$[%hO$]%hO$^%hO$_%hO$`%hO$a%hO$b%hO~O{#OO!z$UO~Oi!VOc#Qi!O#Qi!T#Qi!^#Qi!h#Qi!k#Qi!o#Qi!t#Qi!x#Qi#S#Qi#f#Qi#l#Qi#m#Qi#n#Qi~Oi#jOm{O!a#nO~Om{O#r#sO~Oi#uOm{O~Oi#yOm{O~O#o%{O~OU%}O#k$_O~OiPOhsi#ksi#tsi#vsi~Om{O~P@]O]&RO#kzO~Oi#jOc![q!O![q!T![q!^![q!h![q!k![q!o![q!t![q!x![q#S![q#f![q#l![q#m![q#n![q~Om{O#y%VO~P@}Oi#jOc!fq!O!fq!T!fq!^!fq!h!fq!k!fq!o!fq!t!fq!x!fq#S!fq#f!fq#l!fq#m!fq#n!fq~Om{O#y%VO~PBYOc!iqi!iq!O!iq!T!iq!^!iq!h!iq!k!iq!o!iq!t!iq!x!iq#S!iq#f!iq#l!iq#m!iq#n!iq~O#{%]O~PCeO#r#sO~PCeOi#uOc!mq!O!mq!T!mq!^!mq!h!mq!k!mq!o!mq!t!mq!x!mq#S!mq#f!mq#l!mq#m!mq#n!mq~Oi#yOc!rq!O!rq!T!rq!^!rq!h!rq!k!rq!o!rq!t!rq!x!rq#S!rq#f!rq#l!rq#m!rq#n!rq~OcUO#kzO#o&eO~OcUOh&iO#kzO~Om&kOc!qXf!qXh!qX~Of&nO~OcUOf%_Oh&pO~OcUOh&qO#kzO~O#o&sO~O#{&tOc!vqi!vq!O!vq!T!vq!^!vq!h!vq!k!vq!o!vq!t!vq!x!vq#S!vq#f!vq#l!vq#m!vq#n!vq~Oi#jOc#Vq!O#Vq!T#Vq!^#Vq!h#Vq!k#Vq!o#Vq!t#Vq!x#Vq#S#Vq#f#Vq#l#Vq#m#Vq#n#Vq~Om{O#y%VO~PIbOi#jOc#Wq!O#Wq!T#Wq!^#Wq!h#Wq!k#Wq!o#Wq!t#Wq!x#Wq#S#Wq#f#Wq#l#Wq#m#Wq#n#Wq~Om{O#y%VO~PJmOc#Xqi#Xq!O#Xq!T#Xq!^#Xq!h#Xq!k#Xq!o#Xq!t#Xq!x#Xq#S#Xq#f#Xq#l#Xq#m#Xq#n#Xq~O#{%]O~PKxO#r#sO~PKxOi#uOc#Yq!O#Yq!T#Yq!^#Yq!h#Yq!k#Yq!o#Yq!t#Yq!x#Yq#S#Yq#f#Yq#l#Yq#m#Yq#n#Yq~Oi#yOc#Zq!O#Zq!T#Zq!^#Zq!h#Zq!k#Zq!o#Zq!t#Zq!x#Zq#S#Zq#f#Zq#l#Zq#m#Zq#n#Zq~OY'PO]&}Oa'POb'POc'POd'POe'POf'POi'OO~OiPOhsq#ksq#tsq#vsq~O#q'TOU#pXY#pXm#pX#r#pX#t#pXc#pX{#pX!z#pX#k#pX[#pXh#pX#o#pX~Om{O#r'UO#t'VOUXiYXi~Oi#jOc![y!O![y!T![y!^![y!h![y!k![y!o![y!t![y!x![y#S![y#f![y#l![y#m![y#n![y~Oi#jOc!fy!O!fy!T!fy!^!fy!h!fy!k!fy!o!fy!t!fy!x!fy#S!fy#f!fy#l!fy#m!fy#n!fy~O#{%]Oc!iyi!iy!O!iy!T!iy!^!iy!h!iy!k!iy!o!iy!t!iy!x!iy#S!iy#f!iy#l!iy#m!iy#n!iy~O#{&tOc!vyi!vy!O!vy!T!vy!^!vy!h!vy!k!vy!o!vy!t!vy!x!vy#S!vy#f!vy#l!vy#m!vy#n!vy~O#o'_O~OcUO#kzO#o'_O~OV!sOclXflXhlXmlX~Om&kOckXfkXhkX~Om&kOc!qaf!qah!qa~Om{O#r'UOc!ei{!ei!z!ei#k!eih!ei#o!ei~Oi#jOc#Vy!O#Vy!T#Vy!^#Vy!h#Vy!k#Vy!o#Vy!t#Vy!x#Vy#S#Vy#f#Vy#l#Vy#m#Vy#n#Vy~Oi#jOc#Wy!O#Wy!T#Wy!^#Wy!h#Wy!k#Wy!o#Wy!t#Wy!x#Wy#S#Wy#f#Wy#l#Wy#m#Wy#n#Wy~O#{%]Oc#Xyi#Xy!O#Xy!T#Xy!^#Xy!h#Xy!k#Xy!o#Xy!t#Xy!x#Xy#S#Xy#f#Xy#l#Xy#m#Xy#n#Xy~O['jO~P! ZOh'nO#kzO~O#t'oOUoi#koi~O['pO~O#t'rOUXqYXq~Om{O#t'rOUXqYXq~O#{&tOc!v!Ri!v!R!O!v!R!T!v!R!^!v!R!h!v!R!k!v!R!o!v!R!t!v!R!x!v!R#S!v!R#f!v!R#l!v!R#m!v!R#n!v!R~Om{Oc!cih!ci#k!ci~O#o'wO~Om{Oc!eq{!eq!z!eq#k!eqh!eq#o!eq~O#r'UO~P!/eO#t'zOY#^X[#^X]#^Xa#^Xb#^Xc#^Xd#^Xe#^Xf#^Xi#^X~O['|O~P! ZO#o'}O~Oh(PO#kzO~O#t(QOUXyYXy~O#{&tOc!v!Zi!v!Z!O!v!Z!T!v!Z!^!v!Z!h!v!Z!k!v!Z!o!v!Z!t!v!Z!x!v!Z#S!v!Z#f!v!Z#l!v!Z#m!v!Z#n!v!Z~Om{Oc!cqh!cq#k!cq~Om{Oc!ey{!ey!z!ey#k!eyh!ey#o!ey~Om{Oc!cyh!cy#k!cy~O#t(WOh#ui#k#ui~Odefe~",
@@ -54565,7 +55743,7 @@ const nodesWithBraces = "RootTypeDefinition InputFieldsDefinition EnumValuesDefi
 const keywords$1 = "scalar type interface union enum input implements fragment extend schema directive on repeatable";
 const punctuations = "( ) { } : [ ]";
 const graphqlLanguage = /* @__PURE__ */ LRLanguage.define({
-  parser: /* @__PURE__ */ parser$2.configure({
+  parser: /* @__PURE__ */ parser$1.configure({
     props: [
       /* @__PURE__ */ styleTags({
         Variable: tags.variableName,
@@ -55259,383 +56437,6 @@ function GraphQLEditor({ request, onChange }) {
     ] })
   ] });
 }
-const StartTag = 1, StartCloseTag = 2, MissingCloseTag = 3, mismatchedStartCloseTag = 4, incompleteStartCloseTag = 5, commentContent$1 = 36, piContent$1 = 37, cdataContent$1 = 38, Element$1 = 11, OpenTag = 13;
-function nameChar(ch) {
-  return ch == 45 || ch == 46 || ch == 58 || ch >= 65 && ch <= 90 || ch == 95 || ch >= 97 && ch <= 122 || ch >= 161;
-}
-function isSpace(ch) {
-  return ch == 9 || ch == 10 || ch == 13 || ch == 32;
-}
-let cachedName = null, cachedInput = null, cachedPos = 0;
-function tagNameAfter(input, offset) {
-  let pos = input.pos + offset;
-  if (cachedInput == input && cachedPos == pos) return cachedName;
-  while (isSpace(input.peek(offset))) offset++;
-  let name2 = "";
-  for (; ; ) {
-    let next = input.peek(offset);
-    if (!nameChar(next)) break;
-    name2 += String.fromCharCode(next);
-    offset++;
-  }
-  cachedInput = input;
-  cachedPos = pos;
-  return cachedName = name2 || null;
-}
-function ElementContext(name2, parent) {
-  this.name = name2;
-  this.parent = parent;
-}
-const elementContext = new ContextTracker({
-  start: null,
-  shift(context, term, stack, input) {
-    return term == StartTag ? new ElementContext(tagNameAfter(input, 1) || "", context) : context;
-  },
-  reduce(context, term) {
-    return term == Element$1 && context ? context.parent : context;
-  },
-  reuse(context, node, _stack, input) {
-    let type2 = node.type.id;
-    return type2 == StartTag || type2 == OpenTag ? new ElementContext(tagNameAfter(input, 1) || "", context) : context;
-  },
-  strict: false
-});
-const startTag = new ExternalTokenizer((input, stack) => {
-  if (input.next != 60) return;
-  input.advance();
-  if (input.next == 47) {
-    input.advance();
-    let name2 = tagNameAfter(input, 0);
-    if (!name2) return input.acceptToken(incompleteStartCloseTag);
-    if (stack.context && name2 == stack.context.name) return input.acceptToken(StartCloseTag);
-    for (let cx = stack.context; cx; cx = cx.parent) if (cx.name == name2) return input.acceptToken(MissingCloseTag, -2);
-    input.acceptToken(mismatchedStartCloseTag);
-  } else if (input.next != 33 && input.next != 63) {
-    return input.acceptToken(StartTag);
-  }
-}, { contextual: true });
-function scanTo(type2, end) {
-  return new ExternalTokenizer((input) => {
-    let len = 0, first = end.charCodeAt(0);
-    scan: for (; ; input.advance(), len++) {
-      if (input.next < 0) break;
-      if (input.next == first) {
-        for (let i = 1; i < end.length; i++)
-          if (input.peek(i) != end.charCodeAt(i)) continue scan;
-        break;
-      }
-    }
-    if (len) input.acceptToken(type2);
-  });
-}
-const commentContent = scanTo(commentContent$1, "-->");
-const piContent = scanTo(piContent$1, "?>");
-const cdataContent = scanTo(cdataContent$1, "]]>");
-const xmlHighlighting = styleTags({
-  Text: tags.content,
-  "StartTag StartCloseTag EndTag SelfCloseEndTag": tags.angleBracket,
-  TagName: tags.tagName,
-  "MismatchedCloseTag/TagName": [tags.tagName, tags.invalid],
-  AttributeName: tags.attributeName,
-  AttributeValue: tags.attributeValue,
-  Is: tags.definitionOperator,
-  "EntityReference CharacterReference": tags.character,
-  Comment: tags.blockComment,
-  ProcessingInst: tags.processingInstruction,
-  DoctypeDecl: tags.documentMeta,
-  Cdata: tags.special(tags.string)
-});
-const parser$1 = LRParser.deserialize({
-  version: 14,
-  states: ",lOQOaOOOrOxO'#CfOzOpO'#CiO!tOaO'#CgOOOP'#Cg'#CgO!{OrO'#CrO#TOtO'#CsO#]OpO'#CtOOOP'#DT'#DTOOOP'#Cv'#CvQQOaOOOOOW'#Cw'#CwO#eOxO,59QOOOP,59Q,59QOOOO'#Cx'#CxO#mOpO,59TO#uO!bO,59TOOOP'#C|'#C|O$TOaO,59RO$[OpO'#CoOOOP,59R,59ROOOQ'#C}'#C}O$dOrO,59^OOOP,59^,59^OOOS'#DO'#DOO$lOtO,59_OOOP,59_,59_O$tOpO,59`O$|OpO,59`OOOP-E6t-E6tOOOW-E6u-E6uOOOP1G.l1G.lOOOO-E6v-E6vO%UO!bO1G.oO%UO!bO1G.oO%dOpO'#CkO%lO!bO'#CyO%zO!bO1G.oOOOP1G.o1G.oOOOP1G.w1G.wOOOP-E6z-E6zOOOP1G.m1G.mO&VOpO,59ZO&_OpO,59ZOOOQ-E6{-E6{OOOP1G.x1G.xOOOS-E6|-E6|OOOP1G.y1G.yO&gOpO1G.zO&gOpO1G.zOOOP1G.z1G.zO&oO!bO7+$ZO&}O!bO7+$ZOOOP7+$Z7+$ZOOOP7+$c7+$cO'YOpO,59VO'bOpO,59VO'mO!bO,59eOOOO-E6w-E6wO'{OpO1G.uO'{OpO1G.uOOOP1G.u1G.uO(TOpO7+$fOOOP7+$f7+$fO(]O!bO<<GuOOOP<<Gu<<GuOOOP<<G}<<G}O'bOpO1G.qO'bOpO1G.qO(hO#tO'#CnO(vO&jO'#CnOOOO1G.q1G.qO)UOpO7+$aOOOP7+$a7+$aOOOP<<HQ<<HQOOOPAN=aAN=aOOOPAN=iAN=iO'bOpO7+$]OOOO7+$]7+$]OOOO'#Cz'#CzO)^O#tO,59YOOOO,59Y,59YOOOO'#C{'#C{O)lO&jO,59YOOOP<<G{<<G{OOOO<<Gw<<GwOOOO-E6x-E6xOOOO1G.t1G.tOOOO-E6y-E6y",
-  stateData: ")z~OPQOSVOTWOVWOWWOXWOiXOyPO!QTO!SUO~OvZOx]O~O^`Oz^O~OPQOQcOSVOTWOVWOWWOXWOyPO!QTO!SUO~ORdO~P!SOteO!PgO~OuhO!RjO~O^lOz^O~OvZOxoO~O^qOz^O~O[vO`sOdwOz^O~ORyO~P!SO^{Oz^O~OteO!P}O~OuhO!R!PO~O^!QOz^O~O[!SOz^O~O[!VO`sOd!WOz^O~Oa!YOz^O~Oz^O[mX`mXdmX~O[!VO`sOd!WO~O^!]Oz^O~O[!_Oz^O~O[!aOz^O~O[!cO`sOd!dOz^O~O[!cO`sOd!dO~Oa!eOz^O~Oz^O{!gO}!hO~Oz^O[ma`madma~O[!kOz^O~O[!lOz^O~O[!mO`sOd!nO~OW!qOX!qO{!sO|!qO~OW!tOX!tO}!sO!O!tO~O[!vOz^O~OW!qOX!qO{!yO|!qO~OW!tOX!tO}!yO!O!tO~O",
-  goto: "%cxPPPPPPPPPPyyP!PP!VPP!`!jP!pyyyP!v!|#S$[$k$q$w$}%TPPPP%ZXWORYbXRORYb_t`qru!T!U!bQ!i!YS!p!e!fR!w!oQdRRybXSORYbQYORmYQ[PRn[Q_QQkVjp_krz!R!T!X!Z!^!`!f!j!oQr`QzcQ!RlQ!TqQ!XsQ!ZtQ!^{Q!`!QQ!f!YQ!j!]R!o!eQu`S!UqrU![u!U!bR!b!TQ!r!gR!x!rQ!u!hR!z!uQbRRxbQfTR|fQiUR!OiSXOYTaRb",
-  nodeNames: "⚠ StartTag StartCloseTag MissingCloseTag StartCloseTag StartCloseTag Document Text EntityReference CharacterReference Cdata Element EndTag OpenTag TagName Attribute AttributeName Is AttributeValue CloseTag SelfCloseEndTag SelfClosingTag Comment ProcessingInst MismatchedCloseTag DoctypeDecl",
-  maxTerm: 50,
-  context: elementContext,
-  nodeProps: [
-    ["closedBy", 1, "SelfCloseEndTag EndTag", 13, "CloseTag MissingCloseTag"],
-    ["openedBy", 12, "StartTag StartCloseTag", 19, "OpenTag", 20, "StartTag"],
-    ["isolate", -6, 13, 18, 19, 21, 22, 24, ""]
-  ],
-  propSources: [xmlHighlighting],
-  skippedNodes: [0],
-  repeatNodeCount: 9,
-  tokenData: "!)v~R!YOX$qXY)iYZ)iZ]$q]^)i^p$qpq)iqr$qrs*vsv$qvw+fwx/ix}$q}!O0[!O!P$q!P!Q2z!Q![$q![!]4n!]!^$q!^!_8U!_!`!#t!`!a!$l!a!b!%d!b!c$q!c!}4n!}#P$q#P#Q!'W#Q#R$q#R#S4n#S#T$q#T#o4n#o%W$q%W%o4n%o%p$q%p&a4n&a&b$q&b1p4n1p4U$q4U4d4n4d4e$q4e$IS4n$IS$I`$q$I`$Ib4n$Ib$Kh$q$Kh%#t4n%#t&/x$q&/x&Et4n&Et&FV$q&FV;'S4n;'S;:j8O;:j;=`)c<%l?&r$q?&r?Ah4n?Ah?BY$q?BY?Mn4n?MnO$qi$zXVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qa%nVVP!O`Ov%gwx&Tx!^%g!^!_&o!_;'S%g;'S;=`'W<%lO%gP&YTVPOv&Tw!^&T!_;'S&T;'S;=`&i<%lO&TP&lP;=`<%l&T`&tS!O`Ov&ox;'S&o;'S;=`'Q<%lO&o`'TP;=`<%l&oa'ZP;=`<%l%gX'eWVP|WOr'^rs&Tsv'^w!^'^!^!_'}!_;'S'^;'S;=`(i<%lO'^W(ST|WOr'}sv'}w;'S'};'S;=`(c<%lO'}W(fP;=`<%l'}X(lP;=`<%l'^h(vV|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oh)`P;=`<%l(oi)fP;=`<%l$qo)t`VP|W!O`zUOX$qXY)iYZ)iZ]$q]^)i^p$qpq)iqr$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk+PV{YVP!O`Ov%gwx&Tx!^%g!^!_&o!_;'S%g;'S;=`'W<%lO%g~+iast,n![!]-r!c!}-r#R#S-r#T#o-r%W%o-r%p&a-r&b1p-r4U4d-r4e$IS-r$I`$Ib-r$Kh%#t-r&/x&Et-r&FV;'S-r;'S;:j/c?&r?Ah-r?BY?Mn-r~,qQ!Q![,w#l#m-V~,zQ!Q![,w!]!^-Q~-VOX~~-YR!Q![-c!c!i-c#T#Z-c~-fS!Q![-c!]!^-Q!c!i-c#T#Z-c~-ug}!O-r!O!P-r!Q![-r![!]-r!]!^/^!c!}-r#R#S-r#T#o-r$}%O-r%W%o-r%p&a-r&b1p-r1p4U-r4U4d-r4e$IS-r$I`$Ib-r$Je$Jg-r$Kh%#t-r&/x&Et-r&FV;'S-r;'S;:j/c?&r?Ah-r?BY?Mn-r~/cOW~~/fP;=`<%l-rk/rW}bVP|WOr'^rs&Tsv'^w!^'^!^!_'}!_;'S'^;'S;=`(i<%lO'^k0eZVP|W!O`Or$qrs%gsv$qwx'^x}$q}!O1W!O!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk1aZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a2S!a;'S$q;'S;=`)c<%lO$qk2_X!PQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qm3TZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a3v!a;'S$q;'S;=`)c<%lO$qm4RXdSVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qo4{!P`S^QVP|W!O`Or$qrs%gsv$qwx'^x}$q}!O4n!O!P4n!P!Q$q!Q![4n![!]4n!]!^$q!^!_(o!_!c$q!c!}4n!}#R$q#R#S4n#S#T$q#T#o4n#o$}$q$}%O4n%O%W$q%W%o4n%o%p$q%p&a4n&a&b$q&b1p4n1p4U4n4U4d4n4d4e$q4e$IS4n$IS$I`$q$I`$Ib4n$Ib$Je$q$Je$Jg4n$Jg$Kh$q$Kh%#t4n%#t&/x$q&/x&Et4n&Et&FV$q&FV;'S4n;'S;:j8O;:j;=`)c<%l?&r$q?&r?Ah4n?Ah?BY$q?BY?Mn4n?MnO$qo8RP;=`<%l4ni8]Y|W!O`Oq(oqr8{rs&osv(owx'}x!a(o!a!b!#U!b;'S(o;'S;=`)]<%lO(oi9S_|W!O`Or(ors&osv(owx'}x}(o}!O:R!O!f(o!f!g;e!g!}(o!}#ODh#O#W(o#W#XLp#X;'S(o;'S;=`)]<%lO(oi:YX|W!O`Or(ors&osv(owx'}x}(o}!O:u!O;'S(o;'S;=`)]<%lO(oi;OV!QP|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oi;lX|W!O`Or(ors&osv(owx'}x!q(o!q!r<X!r;'S(o;'S;=`)]<%lO(oi<`X|W!O`Or(ors&osv(owx'}x!e(o!e!f<{!f;'S(o;'S;=`)]<%lO(oi=SX|W!O`Or(ors&osv(owx'}x!v(o!v!w=o!w;'S(o;'S;=`)]<%lO(oi=vX|W!O`Or(ors&osv(owx'}x!{(o!{!|>c!|;'S(o;'S;=`)]<%lO(oi>jX|W!O`Or(ors&osv(owx'}x!r(o!r!s?V!s;'S(o;'S;=`)]<%lO(oi?^X|W!O`Or(ors&osv(owx'}x!g(o!g!h?y!h;'S(o;'S;=`)]<%lO(oi@QY|W!O`Or?yrs@psv?yvwA[wxBdx!`?y!`!aCr!a;'S?y;'S;=`Db<%lO?ya@uV!O`Ov@pvxA[x!`@p!`!aAy!a;'S@p;'S;=`B^<%lO@pPA_TO!`A[!`!aAn!a;'SA[;'S;=`As<%lOA[PAsOiPPAvP;=`<%lA[aBQSiP!O`Ov&ox;'S&o;'S;=`'Q<%lO&oaBaP;=`<%l@pXBiX|WOrBdrsA[svBdvwA[w!`Bd!`!aCU!a;'SBd;'S;=`Cl<%lOBdXC]TiP|WOr'}sv'}w;'S'};'S;=`(c<%lO'}XCoP;=`<%lBdiC{ViP|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oiDeP;=`<%l?yiDoZ|W!O`Or(ors&osv(owx'}x!e(o!e!fEb!f#V(o#V#WIr#W;'S(o;'S;=`)]<%lO(oiEiX|W!O`Or(ors&osv(owx'}x!f(o!f!gFU!g;'S(o;'S;=`)]<%lO(oiF]X|W!O`Or(ors&osv(owx'}x!c(o!c!dFx!d;'S(o;'S;=`)]<%lO(oiGPX|W!O`Or(ors&osv(owx'}x!v(o!v!wGl!w;'S(o;'S;=`)]<%lO(oiGsX|W!O`Or(ors&osv(owx'}x!c(o!c!dH`!d;'S(o;'S;=`)]<%lO(oiHgX|W!O`Or(ors&osv(owx'}x!}(o!}#OIS#O;'S(o;'S;=`)]<%lO(oiI]V|W!O`yPOr(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(oiIyX|W!O`Or(ors&osv(owx'}x#W(o#W#XJf#X;'S(o;'S;=`)]<%lO(oiJmX|W!O`Or(ors&osv(owx'}x#T(o#T#UKY#U;'S(o;'S;=`)]<%lO(oiKaX|W!O`Or(ors&osv(owx'}x#h(o#h#iK|#i;'S(o;'S;=`)]<%lO(oiLTX|W!O`Or(ors&osv(owx'}x#T(o#T#UH`#U;'S(o;'S;=`)]<%lO(oiLwX|W!O`Or(ors&osv(owx'}x#c(o#c#dMd#d;'S(o;'S;=`)]<%lO(oiMkX|W!O`Or(ors&osv(owx'}x#V(o#V#WNW#W;'S(o;'S;=`)]<%lO(oiN_X|W!O`Or(ors&osv(owx'}x#h(o#h#iNz#i;'S(o;'S;=`)]<%lO(oi! RX|W!O`Or(ors&osv(owx'}x#m(o#m#n! n#n;'S(o;'S;=`)]<%lO(oi! uX|W!O`Or(ors&osv(owx'}x#d(o#d#e!!b#e;'S(o;'S;=`)]<%lO(oi!!iX|W!O`Or(ors&osv(owx'}x#X(o#X#Y?y#Y;'S(o;'S;=`)]<%lO(oi!#_V!SP|W!O`Or(ors&osv(owx'}x;'S(o;'S;=`)]<%lO(ok!$PXaQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qo!$wX[UVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk!%mZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a!&`!a;'S$q;'S;=`)c<%lO$qk!&kX!RQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$qk!'aZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_#P$q#P#Q!(S#Q;'S$q;'S;=`)c<%lO$qk!(]ZVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_!`$q!`!a!)O!a;'S$q;'S;=`)c<%lO$qk!)ZXxQVP|W!O`Or$qrs%gsv$qwx'^x!^$q!^!_(o!_;'S$q;'S;=`)c<%lO$q",
-  tokenizers: [startTag, commentContent, piContent, cdataContent, 0, 1, 2, 3, 4],
-  topRules: { "Document": [0, 6] },
-  tokenPrec: 0
-});
-function tagName(doc2, tag) {
-  let name2 = tag && tag.getChild("TagName");
-  return name2 ? doc2.sliceString(name2.from, name2.to) : "";
-}
-function elementName$1(doc2, tree) {
-  let tag = tree && tree.firstChild;
-  return !tag || tag.name != "OpenTag" ? "" : tagName(doc2, tag);
-}
-function attrName(doc2, tag, pos) {
-  let attr = tag && tag.getChildren("Attribute").find((a) => a.from <= pos && a.to >= pos);
-  let name2 = attr && attr.getChild("AttributeName");
-  return name2 ? doc2.sliceString(name2.from, name2.to) : "";
-}
-function findParentElement(tree) {
-  for (let cur2 = tree && tree.parent; cur2; cur2 = cur2.parent)
-    if (cur2.name == "Element")
-      return cur2;
-  return null;
-}
-function findLocation(state, pos) {
-  var _a2;
-  let at = syntaxTree(state).resolveInner(pos, -1), inTag = null;
-  for (let cur2 = at; !inTag && cur2.parent; cur2 = cur2.parent)
-    if (cur2.name == "OpenTag" || cur2.name == "CloseTag" || cur2.name == "SelfClosingTag" || cur2.name == "MismatchedCloseTag")
-      inTag = cur2;
-  if (inTag && (inTag.to > pos || inTag.lastChild.type.isError)) {
-    let elt = inTag.parent;
-    if (at.name == "TagName")
-      return inTag.name == "CloseTag" || inTag.name == "MismatchedCloseTag" ? { type: "closeTag", from: at.from, context: elt } : { type: "openTag", from: at.from, context: findParentElement(elt) };
-    if (at.name == "AttributeName")
-      return { type: "attrName", from: at.from, context: inTag };
-    if (at.name == "AttributeValue")
-      return { type: "attrValue", from: at.from, context: inTag };
-    let before = at == inTag || at.name == "Attribute" ? at.childBefore(pos) : at;
-    if ((before === null || before === void 0 ? void 0 : before.name) == "StartTag")
-      return { type: "openTag", from: pos, context: findParentElement(elt) };
-    if ((before === null || before === void 0 ? void 0 : before.name) == "StartCloseTag" && before.to <= pos)
-      return { type: "closeTag", from: pos, context: elt };
-    if ((before === null || before === void 0 ? void 0 : before.name) == "Is")
-      return { type: "attrValue", from: pos, context: inTag };
-    if (before)
-      return { type: "attrName", from: pos, context: inTag };
-    return null;
-  } else if (at.name == "StartCloseTag") {
-    return { type: "closeTag", from: pos, context: at.parent };
-  }
-  while (at.parent && at.to == pos && !((_a2 = at.lastChild) === null || _a2 === void 0 ? void 0 : _a2.type.isError))
-    at = at.parent;
-  if (at.name == "Element" || at.name == "Text" || at.name == "Document")
-    return { type: "tag", from: pos, context: at.name == "Element" ? at : findParentElement(at) };
-  return null;
-}
-class Element {
-  constructor(spec, attrs, attrValues) {
-    this.attrs = attrs;
-    this.attrValues = attrValues;
-    this.children = [];
-    this.name = spec.name;
-    this.completion = Object.assign(Object.assign({ type: "type" }, spec.completion || {}), { label: this.name });
-    this.openCompletion = Object.assign(Object.assign({}, this.completion), { label: "<" + this.name });
-    this.closeCompletion = Object.assign(Object.assign({}, this.completion), { label: "</" + this.name + ">", boost: 2 });
-    this.closeNameCompletion = Object.assign(Object.assign({}, this.completion), { label: this.name + ">" });
-    this.text = spec.textContent ? spec.textContent.map((s) => ({ label: s, type: "text" })) : [];
-  }
-}
-const Identifier$1 = /^[:\-\.\w\u00b7-\uffff]*$/;
-function attrCompletion(spec) {
-  return Object.assign(Object.assign({ type: "property" }, spec.completion || {}), { label: spec.name });
-}
-function valueCompletion(spec) {
-  return typeof spec == "string" ? { label: `"${spec}"`, type: "constant" } : /^"/.test(spec.label) ? spec : Object.assign(Object.assign({}, spec), { label: `"${spec.label}"` });
-}
-function completeFromSchema(eltSpecs, attrSpecs) {
-  let allAttrs = [], globalAttrs = [];
-  let attrValues = /* @__PURE__ */ Object.create(null);
-  for (let s of attrSpecs) {
-    let completion2 = attrCompletion(s);
-    allAttrs.push(completion2);
-    if (s.global)
-      globalAttrs.push(completion2);
-    if (s.values)
-      attrValues[s.name] = s.values.map(valueCompletion);
-  }
-  let allElements = [], topElements = [];
-  let byName = /* @__PURE__ */ Object.create(null);
-  for (let s of eltSpecs) {
-    let attrs = globalAttrs, attrVals = attrValues;
-    if (s.attributes)
-      attrs = attrs.concat(s.attributes.map((s2) => {
-        if (typeof s2 == "string")
-          return allAttrs.find((a) => a.label == s2) || { label: s2, type: "property" };
-        if (s2.values) {
-          if (attrVals == attrValues)
-            attrVals = Object.create(attrVals);
-          attrVals[s2.name] = s2.values.map(valueCompletion);
-        }
-        return attrCompletion(s2);
-      }));
-    let elt = new Element(s, attrs, attrVals);
-    byName[elt.name] = elt;
-    allElements.push(elt);
-    if (s.top)
-      topElements.push(elt);
-  }
-  if (!topElements.length)
-    topElements = allElements;
-  for (let i = 0; i < allElements.length; i++) {
-    let s = eltSpecs[i], elt = allElements[i];
-    if (s.children) {
-      for (let ch of s.children)
-        if (byName[ch])
-          elt.children.push(byName[ch]);
-    } else {
-      elt.children = allElements;
-    }
-  }
-  return (cx) => {
-    var _a2;
-    let { doc: doc2 } = cx.state, loc = findLocation(cx.state, cx.pos);
-    if (!loc || loc.type == "tag" && !cx.explicit)
-      return null;
-    let { type: type2, from, context } = loc;
-    if (type2 == "openTag") {
-      let children = topElements;
-      let parentName = elementName$1(doc2, context);
-      if (parentName) {
-        let parent = byName[parentName];
-        children = (parent === null || parent === void 0 ? void 0 : parent.children) || allElements;
-      }
-      return {
-        from,
-        options: children.map((ch) => ch.completion),
-        validFor: Identifier$1
-      };
-    } else if (type2 == "closeTag") {
-      let parentName = elementName$1(doc2, context);
-      return parentName ? {
-        from,
-        to: cx.pos + (doc2.sliceString(cx.pos, cx.pos + 1) == ">" ? 1 : 0),
-        options: [((_a2 = byName[parentName]) === null || _a2 === void 0 ? void 0 : _a2.closeNameCompletion) || { label: parentName + ">", type: "type" }],
-        validFor: Identifier$1
-      } : null;
-    } else if (type2 == "attrName") {
-      let parent = byName[tagName(doc2, context)];
-      return {
-        from,
-        options: (parent === null || parent === void 0 ? void 0 : parent.attrs) || globalAttrs,
-        validFor: Identifier$1
-      };
-    } else if (type2 == "attrValue") {
-      let attr = attrName(doc2, context, from);
-      if (!attr)
-        return null;
-      let parent = byName[tagName(doc2, context)];
-      let values = ((parent === null || parent === void 0 ? void 0 : parent.attrValues) || attrValues)[attr];
-      if (!values || !values.length)
-        return null;
-      return {
-        from,
-        to: cx.pos + (doc2.sliceString(cx.pos, cx.pos + 1) == '"' ? 1 : 0),
-        options: values,
-        validFor: /^"[^"]*"?$/
-      };
-    } else if (type2 == "tag") {
-      let parentName = elementName$1(doc2, context), parent = byName[parentName];
-      let closing2 = [], last = context && context.lastChild;
-      if (parentName && (!last || last.name != "CloseTag" || tagName(doc2, last) != parentName))
-        closing2.push(parent ? parent.closeCompletion : { label: "</" + parentName + ">", type: "type", boost: 2 });
-      let options = closing2.concat(((parent === null || parent === void 0 ? void 0 : parent.children) || (context ? allElements : topElements)).map((e) => e.openCompletion));
-      if (context && (parent === null || parent === void 0 ? void 0 : parent.text.length)) {
-        let openTag = context.firstChild;
-        if (openTag.to > cx.pos - 20 && !/\S/.test(cx.state.sliceDoc(openTag.to, cx.pos)))
-          options = options.concat(parent.text);
-      }
-      return {
-        from,
-        options,
-        validFor: /^<\/?[:\-\.\w\u00b7-\uffff]*$/
-      };
-    } else {
-      return null;
-    }
-  };
-}
-const xmlLanguage = /* @__PURE__ */ LRLanguage.define({
-  name: "xml",
-  parser: /* @__PURE__ */ parser$1.configure({
-    props: [
-      /* @__PURE__ */ indentNodeProp.add({
-        Element(context) {
-          let closed = /^\s*<\//.test(context.textAfter);
-          return context.lineIndent(context.node.from) + (closed ? 0 : context.unit);
-        },
-        "OpenTag CloseTag SelfClosingTag"(context) {
-          return context.column(context.node.from) + context.unit;
-        }
-      }),
-      /* @__PURE__ */ foldNodeProp.add({
-        Element(subtree) {
-          let first = subtree.firstChild, last = subtree.lastChild;
-          if (!first || first.name != "OpenTag")
-            return null;
-          return { from: first.to, to: last.name == "CloseTag" ? last.from : subtree.to };
-        }
-      }),
-      /* @__PURE__ */ bracketMatchingHandle.add({
-        "OpenTag CloseTag": (node) => node.getChild("TagName")
-      })
-    ]
-  }),
-  languageData: {
-    commentTokens: { block: { open: "<!--", close: "-->" } },
-    indentOnInput: /^\s*<\/$/
-  }
-});
-function xml(conf = {}) {
-  let support = [xmlLanguage.data.of({
-    autocomplete: completeFromSchema(conf.elements || [], conf.attributes || [])
-  })];
-  if (conf.autoCloseTags !== false)
-    support.push(autoCloseTags$1);
-  return new LanguageSupport(xmlLanguage, support);
-}
-function elementName$2(doc2, tree, max = doc2.length) {
-  if (!tree)
-    return "";
-  let tag = tree.firstChild;
-  let name2 = tag && tag.getChild("TagName");
-  return name2 ? doc2.sliceString(name2.from, Math.min(name2.to, max)) : "";
-}
-const autoCloseTags$1 = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to, text, insertTransaction) => {
-  if (view.composing || view.state.readOnly || from != to || text != ">" && text != "/" || !xmlLanguage.isActiveAt(view.state, from, -1))
-    return false;
-  let base2 = insertTransaction(), { state } = base2;
-  let closeTags = state.changeByRange((range) => {
-    var _a2, _b, _c;
-    let { head } = range;
-    let didType = state.doc.sliceString(head - 1, head) == text;
-    let after = syntaxTree(state).resolveInner(head, -1), name2;
-    if (didType && text == ">" && after.name == "EndTag") {
-      let tag = after.parent;
-      if (((_b = (_a2 = tag.parent) === null || _a2 === void 0 ? void 0 : _a2.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" && (name2 = elementName$2(state.doc, tag.parent, head))) {
-        let to2 = head + (state.doc.sliceString(head, head + 1) === ">" ? 1 : 0);
-        let insert2 = `</${name2}>`;
-        return { range, changes: { from: head, to: to2, insert: insert2 } };
-      }
-    } else if (didType && text == "/" && after.name == "StartCloseTag") {
-      let base3 = after.parent;
-      if (after.from == head - 2 && ((_c = base3.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" && (name2 = elementName$2(state.doc, base3, head))) {
-        let to2 = head + (state.doc.sliceString(head, head + 1) === ">" ? 1 : 0);
-        let insert2 = `${name2}>`;
-        return {
-          range: EditorSelection.cursor(head + insert2.length, -1),
-          changes: { from: head, to: to2, insert: insert2 }
-        };
-      }
-    }
-    return { range };
-  });
-  if (closeTags.changes.empty)
-    return false;
-  view.dispatch([
-    base2,
-    state.update(closeTags, {
-      userEvent: "input.complete",
-      scrollIntoView: true
-    })
-  ]);
-  return true;
-});
 const SOAP_11_CONTENT_TYPE = "text/xml; charset=utf-8";
 const SOAP_12_CONTENT_TYPE = "application/soap+xml; charset=utf-8";
 function contentTypeForSoap(version) {
@@ -55647,7 +56448,7 @@ function withContentType(headers, value) {
   if (idx === -1) return [...headers, next];
   return headers.map((h, i) => i === idx ? { ...h, value, enabled: true } : h);
 }
-const { electron: electron$p } = window;
+const { electron: electron$r } = window;
 function ParamTree({ params, depth = 0 }) {
   if (params.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 italic", children: "No parameters declared in WSDL." });
@@ -55673,7 +56474,7 @@ function SoapEditor({ request, onChange }) {
     let cancelled = false;
     (async () => {
       try {
-        const result = await electron$p.wsdlFetch(url);
+        const result = await electron$r.wsdlFetch(url);
         if (cancelled) return;
         setOperations(result.operations);
         setEndpoints(result.endpoints);
@@ -55710,7 +56511,7 @@ function SoapEditor({ request, onChange }) {
     setFetching(true);
     setFetchError(null);
     try {
-      const result = await electron$p.wsdlFetch(soap.wsdlUrl.trim());
+      const result = await electron$r.wsdlFetch(soap.wsdlUrl.trim());
       setOperations(result.operations);
       setEndpoints(result.endpoints);
       setTargetNs(result.targetNamespace);
@@ -55836,7 +56637,7 @@ function SoapEditor({ request, onChange }) {
             value: soap.envelope ?? "",
             height: "100%",
             theme: oneDark,
-            extensions: [xml()],
+            extensions: [xml(), commentKeymap],
             onChange: (val) => updateSoap({ envelope: val }),
             basicSetup: { lineNumbers: true, foldGutter: true }
           }
@@ -55869,7 +56670,7 @@ function SoapEditor({ request, onChange }) {
           value: soap.envelope ?? "",
           height: "100%",
           theme: oneDark,
-          extensions: [xml()],
+          extensions: [xml(), commentKeymap],
           onChange: (val) => updateSoap({ envelope: val }),
           basicSetup: { lineNumbers: true, foldGutter: true }
         }
@@ -55938,7 +56739,7 @@ function BodyTab({ request, onChange }) {
           height: "300px",
           maxHeight: "50vh",
           theme: oneDark,
-          extensions: [json(), varExt],
+          extensions: [jsonWithComments(), varExt],
           onChange: (val) => onChange({ body: { ...body, json: val } }),
           basicSetup: { lineNumbers: true, foldGutter: false, autocompletion: false }
         }
@@ -55970,7 +56771,7 @@ function BodyTab({ request, onChange }) {
           height: "300px",
           maxHeight: "50vh",
           theme: oneDark,
-          extensions: [varExt],
+          extensions: /xml/i.test(body.rawContentType ?? "") ? [xmlWithComments(), varExt] : [commentKeymap, varExt],
           onChange: (val) => onChange({ body: { ...body, raw: val } }),
           basicSetup: { lineNumbers: true, foldGutter: false, autocompletion: false }
         }
@@ -55980,7 +56781,7 @@ function BodyTab({ request, onChange }) {
     mode === "soap" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SoapEditor, { request, onChange }) })
   ] });
 }
-const { electron: electron$o } = window;
+const { electron: electron$q } = window;
 const AUTH_TYPES = ["none", "bearer", "basic", "digest", "ntlm", "apikey", "oauth2"];
 function AuthTab({ request, onChange }) {
   const auth = request.auth;
@@ -55994,7 +56795,7 @@ function AuthTab({ request, onChange }) {
   }
   async function saveSecret(ref2) {
     if (!secretValue || !ref2) return;
-    await electron$o.setSecret(ref2, secretValue);
+    await electron$q.setSecret(ref2, secretValue);
     setSaved(true);
     setSecretValue("");
     setTimeout(() => setSaved(false), 2e3);
@@ -56006,7 +56807,7 @@ function AuthTab({ request, onChange }) {
     setOauth2Error("");
     try {
       const vars = {};
-      const result = await electron$o.oauth2StartFlow(oauth2Auth, vars);
+      const result = await electron$q.oauth2StartFlow(oauth2Auth, vars);
       setAuth({
         oauth2CachedToken: result.accessToken,
         oauth2TokenExpiry: result.expiresAt
@@ -56024,7 +56825,7 @@ function AuthTab({ request, onChange }) {
     setOauth2Status("fetching");
     setOauth2Error("");
     try {
-      const result = await electron$o.oauth2RefreshToken(oauth2Auth, {}, oauth2RefreshToken);
+      const result = await electron$q.oauth2RefreshToken(oauth2Auth, {}, oauth2RefreshToken);
       setAuth({
         oauth2CachedToken: result.accessToken,
         oauth2TokenExpiry: result.expiresAt
@@ -56046,14 +56847,14 @@ function AuthTab({ request, onChange }) {
     if (auth.type !== "oauth2") return null;
     const t2 = auth.oauth2CachedToken;
     if (!t2) return null;
-    const preview = t2.length > 16 ? `${t2.slice(0, 6)}…${t2.slice(-6)}` : t2;
+    const preview2 = t2.length > 16 ? `${t2.slice(0, 6)}…${t2.slice(-6)}` : t2;
     const expiry = auth.oauth2TokenExpiry;
     let expiryLabel = "";
     if (expiry) {
       const secsLeft = Math.round((expiry - Date.now()) / 1e3);
       expiryLabel = secsLeft > 0 ? ` (expires in ${secsLeft}s)` : " (EXPIRED)";
     }
-    return `${preview}${expiryLabel}`;
+    return `${preview2}${expiryLabel}`;
   })();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     AuthEditor,
@@ -63268,6 +64069,17 @@ function SchemaTab({ request, onChange }) {
     }
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border border-amber-700/40 bg-amber-950/20 px-3 py-2 text-[11px] leading-relaxed text-amber-200/90", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold text-amber-300", children: "Schema — a local scratch check." }),
+      " ",
+      "Validate this request's last response against a JSON Schema, right here. It is ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "not saved to the contract and not published" }),
+      " — a dev-time sanity check only. To define what the provider ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("em", { children: "must" }),
+      " return (which drives contract testing), use the ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Contract" }),
+      " tab."
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-600 uppercase tracking-wider font-medium", children: "JSON Schema (draft-07+)" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -63291,7 +64103,7 @@ function SchemaTab({ request, onChange }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600", children: "Standalone schema for ad-hoc validation. Independent of the contract - edits here don't affect it." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600", children: "Standalone — edits here don't touch the contract. Use “Derive from contract” to start from it." }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-surface-700 rounded overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end px-2 py-0.5 bg-surface-800/50 border-b border-surface-700", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -63336,7 +64148,7 @@ function SchemaTab({ request, onChange }) {
     ] }) })
   ] });
 }
-const { electron: electron$n } = window;
+const { electron: electron$p } = window;
 const EMPTY = { statusCode: 200, headers: [], bodySchema: "" };
 function ContractTab({ request, onChange }) {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
@@ -63350,7 +64162,7 @@ function ContractTab({ request, onChange }) {
     if (!lastResponse?.body) return;
     setInferring(true);
     try {
-      const schema = await electron$n.inferContractSchema(lastResponse.body);
+      const schema = await electron$p.inferContractSchema(lastResponse.body);
       if (schema) update({ bodySchema: schema });
     } finally {
       setInferring(false);
@@ -63367,11 +64179,24 @@ function ContractTab({ request, onChange }) {
   function removeHeader(i) {
     update({ headers: (contract.headers ?? []).filter((_, idx) => idx !== i) });
   }
-  const hasContract = contract.statusCode !== void 0 || contract.bodySchema?.trim() || contract.headers?.some((h) => h.key);
+  const hasContract2 = contract.statusCode !== void 0 || contract.bodySchema?.trim() || contract.headers?.some((h) => h.key);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4 h-full min-h-0", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-center gap-2 px-3 py-2 rounded-lg text-xs border ${hasContract ? "bg-blue-950/40 border-blue-700 text-blue-300" : "bg-surface-800 border-surface-700 text-surface-500"}`, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-2 h-2 rounded-full ${hasContract ? "bg-blue-400" : "bg-surface-600"}` }),
-      hasContract ? "Contract defined - will be verified in Contract panel" : "No contract defined yet"
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border border-blue-700/50 bg-blue-950/30 px-3 py-2 text-[11px] leading-relaxed text-blue-200/90", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold text-blue-300", children: "Contract — the published expectation." }),
+      " ",
+      "What this request ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("em", { children: "needs" }),
+      " from the provider: status, body shape, headers. It becomes the ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "consumer pact" }),
+      " used for contract testing (bi-directional verify & ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: "can-i-deploy" }),
+      "). For a throwaway local response check, use the ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Schema" }),
+      " tab."
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-center gap-2 px-3 py-2 rounded-lg text-xs border ${hasContract2 ? "bg-blue-950/40 border-blue-700 text-blue-300" : "bg-surface-800 border-surface-700 text-surface-500"}`, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-2 h-2 rounded-full ${hasContract2 ? "bg-blue-400" : "bg-surface-600"}` }),
+      hasContract2 ? "Contract defined - will be verified in Contract panel" : "No contract defined yet"
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium block mb-1.5", children: "Expected Status Code" }),
@@ -63476,7 +64301,66 @@ function ContractTab({ request, onChange }) {
     ] })
   ] });
 }
-const { electron: electron$m } = window;
+const DEFAULTS = { idleSec: 60, totalSec: 300 };
+function StreamTab({ request, onChange }) {
+  const stream = request.stream ?? {};
+  function setField(key, seconds) {
+    const next = { ...stream };
+    if (seconds.trim() === "") {
+      delete next[key];
+    } else {
+      const n = Number(seconds);
+      if (Number.isNaN(n) || n < 0) return;
+      next[key] = Math.round(n * 1e3);
+    }
+    onChange({ stream: Object.keys(next).length ? next : void 0 });
+  }
+  const toSec = (ms) => ms === void 0 ? "" : String(ms / 1e3);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4 p-1 text-xs max-w-md", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-surface-400 leading-relaxed", children: [
+      "Applies when the response is a stream (",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: "text/event-stream" }),
+      ", NDJSON, or chunked). A stream stays open until the server ends it, you hit Stop, or one of these limits trips. Leave blank for the default; set 0 to disable."
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 font-medium", children: "Idle timeout (seconds)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          value: toSec(stream.idleMs),
+          onChange: (e) => setField("idleMs", e.target.value),
+          placeholder: `${DEFAULTS.idleSec} (default)`,
+          className: "w-40 bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500 placeholder-surface-600"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] text-surface-500", children: "Close if no frame arrives for this long." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 font-medium", children: "Max duration (seconds)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          value: toSec(stream.maxMs),
+          onChange: (e) => setField("maxMs", e.target.value),
+          placeholder: `${DEFAULTS.totalSec} (default)`,
+          className: "w-40 bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500 placeholder-surface-600"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] text-surface-500", children: "Total wall-clock cap for the whole stream." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] text-surface-500", children: [
+      "When a limit trips, the stream ends with status ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: "timed out" }),
+      " ",
+      "and keeps whatever frames arrived. There is also a hard cap of 5000 events."
+    ] })
+  ] });
+}
+const { electron: electron$o } = window;
 function formatTime$1(ts) {
   const d = new Date(ts);
   const hh = String(d.getHours()).padStart(2, "0");
@@ -63496,14 +64380,14 @@ function WebSocketPanel({ request }) {
   const [sendText, setSendText] = reactExports.useState("");
   const logEndRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    electron$m.onWsMessage(({ requestId, message }) => {
+    electron$o.onWsMessage(({ requestId, message }) => {
       addWsMessage(requestId, message);
     });
-    electron$m.onWsStatus(({ requestId, status, error: error2 }) => {
+    electron$o.onWsStatus(({ requestId, status, error: error2 }) => {
       setWsStatus(requestId, status, error2);
     });
     return () => {
-      electron$m.offWsEvents();
+      electron$o.offWsEvents();
     };
   }, [addWsMessage, setWsStatus]);
   reactExports.useEffect(() => {
@@ -63516,19 +64400,19 @@ function WebSocketPanel({ request }) {
       if (h.enabled && h.key) headers[h.key] = h.value;
     }
     try {
-      await electron$m.wsConnect(request.id, request.url, headers);
+      await electron$o.wsConnect(request.id, request.url, headers);
     } catch (err) {
       setWsStatus(request.id, "error", err instanceof Error ? err.message : String(err));
     }
   }
   async function disconnect() {
-    await electron$m.wsDisconnect(request.id);
+    await electron$o.wsDisconnect(request.id);
   }
   async function sendMessage() {
     const text = sendText.trim();
     if (!text || !isConnected) return;
     try {
-      await electron$m.wsSend(request.id, text);
+      await electron$o.wsSend(request.id, text);
       const msg = {
         id: crypto.randomUUID(),
         direction: "sent",
@@ -63631,20 +64515,6 @@ function WebSocketPanel({ request }) {
     ] })
   ] });
 }
-function useToast(durationMs = 3e3) {
-  const [toast, setToast] = reactExports.useState(null);
-  const timer = reactExports.useRef(null);
-  function show(msg, ok) {
-    if (timer.current) clearTimeout(timer.current);
-    setToast({ msg, ok });
-    timer.current = setTimeout(() => setToast(null), durationMs);
-  }
-  return { toast, show };
-}
-function Toast({ toast }) {
-  if (!toast) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `mx-3 mb-2 px-2 py-1.5 rounded text-[11px] flex-shrink-0 ${toast.ok ? "bg-emerald-900/50 text-emerald-300 border border-emerald-800/50" : "bg-red-900/50 text-red-300 border border-red-800/50"}`, children: toast.msg });
-}
 function statusColor$3(code2) {
   const d = String(code2)[0];
   return d === "2" ? "text-emerald-400" : d === "3" ? "text-amber-400" : "text-red-400";
@@ -63900,7 +64770,7 @@ function FuzzResultsPanel({ report, onClear }) {
     ] }) })
   ] });
 }
-const { electron: electron$l } = window;
+const { electron: electron$n } = window;
 const WRITE_METHODS = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
 function FuzzModal({ request, onClose }) {
   const environments = useStore((s) => s.environments);
@@ -63926,7 +64796,7 @@ function FuzzModal({ request, onClose }) {
       const env = resolveEnvironmentById(environments, activeEnvironmentId);
       const envVars = env ? Object.fromEntries(env.variables.filter((v) => v.enabled).map((v) => [v.key, v.value])) : {};
       const collectionVars = activeCollectionId ? collections[activeCollectionId]?.data.collectionVariables ?? {} : {};
-      const result = await electron$l.fuzzContracts({
+      const result = await electron$n.fuzzContracts({
         requests: [request],
         envVars,
         collectionVars,
@@ -64018,7 +64888,7 @@ function FuzzModal({ request, onClose }) {
     }
   );
 }
-const { electron: electron$k } = window;
+const { electron: electron$m } = window;
 const METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS", "QUERY"];
 const METHOD_COLORS = {
   GET: "text-emerald-400",
@@ -64037,8 +64907,14 @@ function deriveHookStatus(r) {
   if (tests.length === 0) return "skipped";
   return tests.every((t2) => t2.passed) ? "passed" : "failed";
 }
+const TAB_HINTS = {
+  schema: "Schema — a local, throwaway JSON-Schema check of the last response. Not saved to the contract, not published.",
+  contract: "Contract — the published expectation (status, body shape, headers) that drives contract testing: consumer pact, bi-directional verify, can-i-deploy.",
+  stream: "Stream — idle and total timeouts for streamed responses (SSE / NDJSON / chunked)."
+};
 function RequestBuilder({ request }) {
   const updateRequest = useStore((s) => s.updateRequest);
+  const updateExampleRequest = useStore((s) => s.updateExampleRequest);
   const activeEnvironmentId = useStore((s) => s.activeEnvironmentId);
   const activeCollectionId = useStore((s) => s.activeCollectionId);
   const environments = useStore((s) => s.environments);
@@ -64051,6 +64927,8 @@ function RequestBuilder({ request }) {
   const setTabRequestTab = useStore((s) => s.setTabRequestTab);
   const addHistoryEntry = useStore((s) => s.addHistoryEntry);
   const applyScriptUpdates = useStore((s) => s.applyScriptUpdates);
+  const startLiveStream = useStore((s) => s.startLiveStream);
+  const finishLiveStream = useStore((s) => s.finishLiveStream);
   const workspaceSettings = useStore((s) => s.workspace?.settings);
   const collectionTls = useStore((s) => activeCollectionId ? s.collections[activeCollectionId]?.data.tls : void 0);
   const activeAppTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
@@ -64071,7 +64949,21 @@ function RequestBuilder({ request }) {
     });
   }
   function update(patch) {
-    updateRequest(request.id, patch);
+    if (activeAppTab?.exampleId) updateExampleRequest(request.id, activeAppTab.exampleId, patch);
+    else updateRequest(request.id, patch);
+  }
+  function handleUrlPaste(e) {
+    const pasted = e.clipboardData.getData("text");
+    if (!pasted.includes("?")) return;
+    const input = e.currentTarget;
+    const start = input.selectionStart ?? request.url.length;
+    const end = input.selectionEnd ?? request.url.length;
+    const resulting = request.url.slice(0, start) + pasted + request.url.slice(end);
+    const split = extractQueryParams(resulting, request.params ?? []);
+    if (split.changed) {
+      e.preventDefault();
+      update({ url: split.url, params: split.params });
+    }
   }
   const sendSignal = useStore((s) => s.sendSignal);
   const lastSendSignal = reactExports.useRef(sendSignal);
@@ -64121,7 +65013,7 @@ function RequestBuilder({ request }) {
             activeEnvironmentId
           );
           const hookSessionVars = useStore.getState().sessionVars;
-          const r = await electron$k.sendRequest({
+          const r = await electron$m.sendRequest({
             ...basePayload,
             environment: hookEnv,
             request: hook,
@@ -64165,13 +65057,21 @@ function RequestBuilder({ request }) {
         activeEnvironmentId
       );
       const freshSessionVars = useStore.getState().sessionVars;
-      const result = await electron$k.sendRequest({
-        ...basePayload,
-        environment: freshEnv,
-        request: mergedRequest,
-        collectionVars: { ...collectionVars, ...freshSessionVars },
-        globals: liveGlobals
-      });
+      const streamId = crypto.randomUUID();
+      startLiveStream(activeTabId, streamId);
+      let result;
+      try {
+        result = await electron$m.sendRequest({
+          ...basePayload,
+          environment: freshEnv,
+          request: mergedRequest,
+          collectionVars: { ...collectionVars, ...freshSessionVars },
+          globals: liveGlobals,
+          streamId
+        });
+      } finally {
+        finishLiveStream(streamId);
+      }
       setTabResponse(activeTabId, result.response, result.scriptResult, result.sentRequest);
       applyScriptUpdates(result.scriptResult);
       collectionVars = { ...collectionVars, ...result.scriptResult.updatedCollectionVars };
@@ -64193,7 +65093,7 @@ function RequestBuilder({ request }) {
             activeEnvironmentId
           );
           const hookSessionVars = useStore.getState().sessionVars;
-          const r = await electron$k.sendRequest({
+          const r = await electron$m.sendRequest({
             ...basePayload,
             environment: hookEnv,
             request: hook,
@@ -64243,6 +65143,7 @@ function RequestBuilder({ request }) {
   const hasPostScript = Boolean(request.postRequestScript?.trim());
   const isWs = request.protocol === "websocket";
   const isSoap = request.protocol === "soap";
+  const isExample = !!activeAppTab?.exampleId;
   const tabs = [
     // SOAP collapses Params + Body into a single "SOAP" tab — the WSDL drives both.
     ...!isSoap ? [{ id: "params", label: "Params", count: request.params.filter((p2) => p2.enabled && p2.key).length }] : [],
@@ -64250,30 +65151,39 @@ function RequestBuilder({ request }) {
     ...!isWs ? [
       { id: "body", label: isSoap ? "SOAP" : "Body", count: request.body.mode !== "none" ? 1 : 0 },
       { id: "auth", label: "Auth", count: request.auth.type !== "none" ? 1 : 0 },
-      { id: "scripts", label: "Scripts", count: (hasPreScript ? 1 : 0) + (hasPostScript ? 1 : 0) },
-      { id: "schema", label: "Schema", count: request.schema?.trim() ? 1 : 0 },
-      { id: "contract", label: "Contract", count: request.contract?.statusCode !== void 0 || request.contract?.bodySchema?.trim() || request.contract?.headers?.some((h) => h.key) ? 1 : 0 }
+      ...!isExample ? [
+        { id: "scripts", label: "Scripts", count: (hasPreScript ? 1 : 0) + (hasPostScript ? 1 : 0) },
+        { id: "schema", label: "Schema", count: request.schema?.trim() ? 1 : 0 },
+        { id: "contract", label: "Contract", count: request.contract?.statusCode !== void 0 || request.contract?.bodySchema?.trim() || request.contract?.headers?.some((h) => h.key) ? 1 : 0 },
+        { id: "stream", label: "Stream", count: request.stream?.idleMs !== void 0 || request.stream?.maxMs !== void 0 ? 1 : 0 }
+      ] : []
     ] : []
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pt-3 pb-1 flex-shrink-0", children: editingName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        autoFocus: true,
-        value: request.name,
-        onChange: (e) => update({ name: e.target.value }),
-        onBlur: () => setEditingName(false),
-        onKeyDown: (e) => e.key === "Enter" && setEditingName(false),
-        className: "text-sm font-medium bg-transparent border-b border-blue-500 focus:outline-none w-full"
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        onClick: () => setEditingName(true),
-        className: "text-sm font-medium text-white hover:text-blue-400 transition-colors text-left",
-        children: request.name
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pt-3 pb-1 flex-shrink-0 flex items-center justify-between gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex items-center gap-2", children: [
+      editingName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          autoFocus: true,
+          value: request.name,
+          onChange: (e) => update({ name: e.target.value }),
+          onBlur: () => setEditingName(false),
+          onKeyDown: (e) => e.key === "Enter" && setEditingName(false),
+          className: "text-sm font-medium bg-transparent border-b border-blue-500 focus:outline-none w-full"
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setEditingName(true),
+          className: "text-sm font-medium text-white hover:text-blue-400 transition-colors text-left truncate",
+          children: request.name
+        }
+      ),
+      activeAppTab?.exampleId && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 text-[10px] uppercase tracking-wider text-amber-400 border border-amber-500/30 rounded px-1.5 py-0.5", children: [
+        "Example: ",
+        request.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(
@@ -64357,6 +65267,7 @@ function RequestBuilder({ request }) {
         {
           value: request.url,
           onChange: (url) => update({ url }),
+          onPaste: handleUrlPaste,
           placeholder: isWs ? "ws://example.com/socket" : isSoap ? "Endpoint (auto-filled from WSDL <soap:address>)" : "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"}`
@@ -64390,6 +65301,7 @@ function RequestBuilder({ request }) {
           "button",
           {
             onClick: () => setActiveTab(tab.id),
+            title: TAB_HINTS[tab.id],
             className: `px-3 py-1.5 text-xs transition-colors border-b-2 -mb-px ${activeTab === tab.id ? "border-blue-500 text-white" : "border-transparent text-surface-400 hover:text-white"}`,
             children: [
               tab.label,
@@ -64409,15 +65321,19 @@ function RequestBuilder({ request }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 flex-1 overflow-y-auto min-h-0", children: [
-        activeTab === "params" && /* @__PURE__ */ jsxRuntimeExports.jsx(ParamsTab, { request, onChange: update }),
-        activeTab === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsx(HeadersTab, { request, onChange: update }),
-        activeTab === "body" && /* @__PURE__ */ jsxRuntimeExports.jsx(BodyTab, { request, onChange: update }),
-        activeTab === "auth" && /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTab, { request, onChange: update }),
-        activeTab === "scripts" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScriptsTab, { request, onChange: update }),
-        activeTab === "schema" && /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaTab, { request, onChange: update }),
-        activeTab === "contract" && /* @__PURE__ */ jsxRuntimeExports.jsx(ContractTab, { request, onChange: update })
-      ] })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3 flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ (() => {
+        const shown = isExample && (activeTab === "scripts" || activeTab === "schema" || activeTab === "contract" || activeTab === "stream") ? "body" : activeTab;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          shown === "params" && /* @__PURE__ */ jsxRuntimeExports.jsx(ParamsTab, { request, onChange: update }),
+          shown === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsx(HeadersTab, { request, onChange: update }),
+          shown === "body" && /* @__PURE__ */ jsxRuntimeExports.jsx(BodyTab, { request, onChange: update }),
+          shown === "auth" && /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTab, { request, onChange: update }),
+          !isExample && shown === "scripts" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScriptsTab, { request, onChange: update }),
+          !isExample && shown === "schema" && /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaTab, { request, onChange: update }),
+          !isExample && shown === "contract" && /* @__PURE__ */ jsxRuntimeExports.jsx(ContractTab, { request, onChange: update }),
+          !isExample && shown === "stream" && /* @__PURE__ */ jsxRuntimeExports.jsx(StreamTab, { request, onChange: update })
+        ] });
+      })() })
     ] })
   ] });
 }
@@ -64667,13 +65583,13 @@ function AssertMenu({ state, onClose, onConfirm }) {
   if (state.type === "json") {
     const { path, value, root: root2 } = state;
     const isStr = typeof value === "string";
-    const preview = isStr ? `"${value.length > 22 ? value.slice(0, 22) + "…" : value}"` : String(value);
+    const preview2 = isStr ? `"${value.length > 22 ? value.slice(0, 22) + "…" : value}"` : String(value);
     title2 = jsonPathLabel(path);
     options = [
-      { label: `equals ${preview}`, snippet: makeJsonSnippet(path, value, "equals") },
+      { label: `equals ${preview2}`, snippet: makeJsonSnippet(path, value, "equals") },
       { label: "exists (not null/undefined)", snippet: makeJsonSnippet(path, value, "exists") },
       { label: `is ${value === null ? "null" : typeof value}`, snippet: makeJsonSnippet(path, value, "type") },
-      ...isStr ? [{ label: `contains ${preview}`, snippet: makeJsonSnippet(path, value, "contains") }] : []
+      ...isStr ? [{ label: `contains ${preview2}`, snippet: makeJsonSnippet(path, value, "contains") }] : []
     ];
     const arrayIdx = [...path].reverse().findIndex((k) => typeof k === "number");
     if (arrayIdx >= 0) {
@@ -64697,12 +65613,12 @@ function AssertMenu({ state, onClose, onConfirm }) {
     }
   } else {
     const { selector, value } = state;
-    const preview = `"${value.length > 22 ? value.slice(0, 22) + "…" : value}"`;
+    const preview2 = `"${value.length > 22 ? value.slice(0, 22) + "…" : value}"`;
     title2 = selector;
     options = [
-      { label: `equals ${preview}`, snippet: makeXmlSnippet(selector, value, "equals") },
+      { label: `equals ${preview2}`, snippet: makeXmlSnippet(selector, value, "equals") },
       { label: "exists", snippet: makeXmlSnippet(selector, value, "exists") },
-      { label: `contains ${preview}`, snippet: makeXmlSnippet(selector, value, "contains") }
+      { label: `contains ${preview2}`, snippet: makeXmlSnippet(selector, value, "contains") }
     ];
   }
   const x = Math.min(state.x, window.innerWidth - 280);
@@ -64912,6 +65828,128 @@ function InteractiveBody({ body, contentType, onAssert }) {
     treeContent
   ] });
 }
+const { electron: electron$l } = window;
+const RENDER_TAIL = 500;
+const CLOSE_LABEL = {
+  complete: "closed",
+  stopped: "stopped",
+  error: "error",
+  timeout: "timed out"
+};
+const CLOSE_COLOR = {
+  complete: "text-emerald-400",
+  stopped: "text-surface-400",
+  error: "text-red-400",
+  timeout: "text-amber-400"
+};
+function eventName(ev) {
+  if (ev.kind === "sse") return ev.name ?? "message";
+  if (ev.kind === "ndjson") return "json";
+  return null;
+}
+function preview(ev) {
+  if (ev.json !== void 0) {
+    try {
+      return JSON.stringify(ev.json);
+    } catch {
+    }
+  }
+  return ev.data;
+}
+function StreamView({ events, streaming, streamId, streamClose, firstEventMs }) {
+  const [mode, setMode] = reactExports.useState("events");
+  const [stopping, setStopping] = reactExports.useState(false);
+  const bottomRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (streaming && mode === "events") bottomRef.current?.scrollIntoView({ block: "nearest" });
+  }, [events.length, streaming, mode]);
+  const shown = events.length > RENDER_TAIL ? events.slice(-RENDER_TAIL) : events;
+  const firstMs = firstEventMs ?? events[0]?.tMs;
+  async function stop() {
+    if (!streamId) return;
+    setStopping(true);
+    try {
+      await electron$l.stopStream(streamId);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-h-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-3 py-1.5 border-b border-surface-800 text-[11px] shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center gap-1.5", children: streaming ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 h-2 rounded-full bg-emerald-400 animate-pulse" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-emerald-400 font-medium", children: "streaming" })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-2 h-2 rounded-full ${streamClose === "error" ? "bg-red-400" : streamClose === "timeout" ? "bg-amber-400" : "bg-surface-500"}` }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: streamClose ? CLOSE_COLOR[streamClose] : "text-surface-400", children: streamClose ? CLOSE_LABEL[streamClose] : "closed" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400 font-mono", children: [
+        events.length,
+        " ",
+        events.length === 1 ? "event" : "events"
+      ] }),
+      firstMs !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500 font-mono", title: "Time to first event", children: [
+        "first +",
+        firstMs,
+        "ms"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex rounded border border-surface-700 overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setMode("events"),
+              className: `px-2 py-0.5 text-[10px] transition-colors ${mode === "events" ? "bg-surface-700 text-white" : "text-surface-500 hover:text-white"}`,
+              children: "Events"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setMode("merged"),
+              className: `px-2 py-0.5 text-[10px] transition-colors ${mode === "merged" ? "bg-surface-700 text-white" : "text-surface-500 hover:text-white"}`,
+              children: "Merged"
+            }
+          )
+        ] }),
+        streaming && streamId && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: stop,
+            disabled: stopping,
+            className: "px-2 py-0.5 text-[10px] rounded bg-red-900/40 text-red-300 hover:bg-red-900/60 disabled:opacity-50 transition-colors",
+            children: stopping ? "Stopping…" : "Stop"
+          }
+        )
+      ] })
+    ] }),
+    events.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center text-surface-500 text-xs", children: streaming ? "Waiting for the first event…" : "No events received." }) : mode === "merged" ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "flex-1 overflow-auto m-0 px-3 py-2 text-[11px] font-mono text-surface-300 whitespace-pre-wrap break-words", children: shown.map((e) => e.data).join("\n") }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-auto min-h-0", children: [
+      events.length > RENDER_TAIL && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "px-3 py-1 text-[10px] text-surface-500 bg-surface-900/50 sticky top-0", children: [
+        "showing the last ",
+        RENDER_TAIL,
+        " of ",
+        events.length,
+        " events"
+      ] }),
+      shown.map((ev) => {
+        const name2 = eventName(ev);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-2 px-3 py-1 border-b border-surface-800/60 hover:bg-surface-800/40", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] font-mono text-surface-600 w-10 shrink-0 text-right tabular-nums", children: [
+            "#",
+            ev.seq
+          ] }),
+          name2 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] font-mono px-1 py-px rounded bg-surface-700/60 text-surface-300 shrink-0", children: name2 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[9px] font-mono text-surface-600 shrink-0 tabular-nums", title: "Time since request start", children: [
+            "+",
+            ev.tMs,
+            "ms"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-mono text-surface-200 truncate", title: ev.data, children: preview(ev) })
+        ] }, ev.seq);
+      }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: bottomRef })
+    ] })
+  ] });
+}
 const HOOK_BADGE$1 = {
   beforeAll: { label: "BEFORE ALL", cls: "bg-violet-700 text-white" },
   before: { label: "BEFORE", cls: "bg-violet-600 text-white" },
@@ -64993,7 +66031,7 @@ function HookResultsPanel({ results }) {
     }) })
   ] });
 }
-const { electron: electron$j } = window;
+const { electron: electron$k } = window;
 function extractPath(url) {
   try {
     return new URL(url).pathname || "/";
@@ -65047,14 +66085,14 @@ function SaveAsMockModal({ onClose }) {
         const entry = state.mocks[serverId];
         const updated = { ...entry.data, name: newServerName, port: Number(newServerPort), routes: [route] };
         updateMock(serverId, updated);
-        await electron$j.saveMock(entry.relPath, updated);
+        await electron$k.saveMock(entry.relPath, updated);
         const ws2 = useStore.getState().workspace;
-        if (ws2) await electron$j.saveWorkspace(ws2);
+        if (ws2) await electron$k.saveWorkspace(ws2);
       } else {
         const entry = useStore.getState().mocks[serverId];
         const updated = { ...entry.data, routes: [...entry.data.routes, route] };
         updateMock(serverId, updated);
-        await electron$j.saveMock(entry.relPath, updated);
+        await electron$k.saveMock(entry.relPath, updated);
       }
       onClose();
     } finally {
@@ -65481,7 +66519,7 @@ function validateHttpSemantics(res, opts = {}) {
   const order = { error: 0, warning: 1, hint: 2 };
   return f.sort((a, b) => order[a.severity] - order[b.severity]);
 }
-const { electron: electron$i } = window;
+const { electron: electron$j } = window;
 function xmlWellFormed(body) {
   try {
     const doc2 = new DOMParser().parseFromString(body, "application/xml");
@@ -65573,6 +66611,8 @@ function ResponseViewer() {
   const setTabRequestTab = useStore((s) => s.setTabRequestTab);
   const setTabScriptTab = useStore((s) => s.setTabScriptTab);
   const isSending = activeTab?.isSending ?? false;
+  const liveStream = useStore((s) => s.liveStream);
+  const streamForTab = liveStream && liveStream.tabId === activeTabId ? liveStream : null;
   const response = activeTab?.lastResponse ?? null;
   const scriptResult = activeTab?.lastScriptResult ?? null;
   const sentRequest = activeTab?.lastSentRequest ?? null;
@@ -65617,7 +66657,7 @@ function ResponseViewer() {
   const contractToast = useToast(2500);
   async function saveAsContract() {
     if (!response || !requestId || !activeTabId) return;
-    const schema = response.body ? await electron$i.inferContractSchema(response.body) : null;
+    const schema = response.body ? await electron$j.inferContractSchema(response.body) : null;
     const contentType2 = response.headers["content-type"];
     const headers = contentType2 ? [{ key: "content-type", value: contentType2, required: true }] : [];
     updateRequest(requestId, {
@@ -65645,6 +66685,16 @@ function ResponseViewer() {
     assertToast.show("✓ Assertion added", true);
   }
   if (isSending) {
+    if (streamForTab && (streamForTab.streaming || streamForTab.events.length > 0)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        StreamView,
+        {
+          events: streamForTab.events,
+          streaming: streamForTab.streaming,
+          streamId: streamForTab.streamId
+        }
+      );
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full flex items-center justify-center text-surface-400 text-sm", children: "Sending..." });
   }
   if (!response) {
@@ -65723,7 +66773,7 @@ function ResponseViewer() {
       !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 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex rounded overflow-hidden border border-surface-800 mr-1", children: [
+        tab === "body" && supportsTree && !response.streamed && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex rounded overflow-hidden border border-surface-800 mr-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -65785,7 +66835,15 @@ function ResponseViewer() {
     /* @__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", { className: "text-red-400 text-sm font-medium", children: "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" && supportsTree && bodyView === "tree" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ] }) : diffMode && pinnedResponse ? /* @__PURE__ */ jsxRuntimeExports.jsx(DiffView, { pinned: pinnedResponse, current: response }) : tab === "body" && response.streamed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      StreamView,
+      {
+        events: response.events ?? [],
+        streaming: false,
+        streamClose: response.streamClose,
+        firstEventMs: response.firstEventMs
+      }
+    ) : tab === "body" && supportsTree && bodyView === "tree" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       InteractiveBody,
       {
         body: response.body,
@@ -65907,7 +66965,7 @@ function ResponseViewer() {
     ] }) })
   ] });
 }
-const { electron: electron$h } = window;
+const { electron: electron$i } = window;
 const TARGETS = [
   { id: "robot_framework", label: "Robot Framework", description: "Python RequestsLibrary keywords + test suite" },
   { id: "playwright_ts", label: "Playwright TS", description: "TypeScript page-object API classes + spec files" },
@@ -65948,7 +67006,7 @@ function GeneratorPanel() {
     try {
       const col = collections[selectedCollectionId]?.data;
       const env = resolveEnvironmentById(environments, activeEnvironmentId);
-      const generated = await electron$h.generateCode({ collection: col, environment: env, target });
+      const generated = await electron$i.generateCode({ collection: col, environment: env, target });
       setFiles(generated);
       setSelectedFile(generated[0]?.path ?? null);
     } catch (e) {
@@ -65960,7 +67018,7 @@ function GeneratorPanel() {
   async function saveZip() {
     if (files.length === 0) return;
     const col = collections[selectedCollectionId]?.data;
-    await electron$h.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
+    await electron$i.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
   }
   const selectedContent = files.find((f) => f.path === selectedFile)?.content ?? "";
   const activeTarget = TARGETS.find((t2) => t2.id === target);
@@ -66144,7 +67202,7 @@ function historyToHar(entries, creatorVersion = "1.0") {
     }
   }, null, 2);
 }
-const { electron: electron$g } = window;
+const { electron: electron$h } = window;
 const STATUS_COLOR = {
   "2": "text-emerald-400",
   "3": "text-amber-400",
@@ -66192,7 +67250,7 @@ function HistoryPanel() {
   }
   async function downloadHar() {
     const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/[:T]/g, "-");
-    await electron$g.saveResults(historyToHar(history2), `api-spector-history-${stamp}.har`);
+    await electron$h.saveResults(historyToHar(history2), `api-spector-history-${stamp}.har`);
   }
   function open(entry) {
     setSelected(entry);
@@ -66323,30 +67381,30 @@ function HistoryRow({
     }
   );
 }
-const { electron: electron$f } = window;
+const { electron: electron$g } = window;
 function WelcomeScreen() {
   const { applyWorkspace } = useWorkspaceLoader();
   const [recents, setRecents] = reactExports.useState([]);
   const [update, setUpdate] = reactExports.useState(null);
   reactExports.useEffect(() => {
-    electron$f.getRecentWorkspaces().then(setRecents).catch(() => setRecents([]));
-    electron$f.checkForUpdate().then((info) => {
+    electron$g.getRecentWorkspaces().then(setRecents).catch(() => setRecents([]));
+    electron$g.checkForUpdate().then((info) => {
       if (info?.updateAvailable) setUpdate(info);
     }).catch(() => {
     });
   }, []);
   async function openWorkspace() {
-    const result = await electron$f.openWorkspace();
+    const result = await electron$g.openWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
   async function newWorkspace() {
-    const result = await electron$f.newWorkspace();
+    const result = await electron$g.newWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
   async function openRecent(path) {
-    const result = await electron$f.openWorkspacePath(path);
+    const result = await electron$g.openWorkspacePath(path);
     if (!result) {
       setRecents((prev) => prev.filter((r) => r.path !== path));
       return;
@@ -66386,7 +67444,7 @@ function WelcomeScreen() {
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-400 text-sm max-w-sm", children: "Local-first API testing with Robot Framework & Playwright code generation. Secrets stay on your machine." }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: [
         "version ",
-        "0.4.5"
+        "0.4.7"
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
@@ -66430,7 +67488,7 @@ function WelcomeScreen() {
     ] })
   ] });
 }
-const { electron: electron$e } = window;
+const { electron: electron$f } = window;
 const EXAMPLES = [
   {
     label: "macOS / Linux  (~/.zshrc or ~/.bashrc)",
@@ -66454,7 +67512,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
       setError("Password cannot be empty.");
       return;
     }
-    await electron$e.setMasterKey(password);
+    await electron$f.setMasterKey(password);
     onSuccess(password);
   }
   function copy(idx, text) {
@@ -66538,7 +67596,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
     }
   );
 }
-const { electron: electron$d } = window;
+const { electron: electron$e } = window;
 async function shortHash(value) {
   const buf = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(value));
   return Array.from(new Uint8Array(buf)).map((b) => b.toString(16).padStart(2, "0")).join("").slice(0, 8);
@@ -66665,7 +67723,7 @@ function EnvironmentEditor({ onClose }) {
   async function saveEncrypted(idx) {
     const plaintext = secretInputs[idx] ?? "";
     if (!plaintext) return;
-    const { set: set2 } = await electron$d.checkMasterKey();
+    const { set: set2 } = await electron$e.checkMasterKey();
     if (!set2) {
       setPendingEncryptIdx(idx);
       return;
@@ -66702,9 +67760,9 @@ function EnvironmentEditor({ onClose }) {
         } : state.workspace
       }));
       const ws2 = useStore.getState().workspace;
-      if (ws2) await electron$d.saveWorkspace(ws2);
+      if (ws2) await electron$e.saveWorkspace(ws2);
     }
-    await electron$d.saveEnvironment(newRelPath, env);
+    await electron$e.saveEnvironment(newRelPath, env);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     pendingEncryptIdx !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67014,7 +68072,7 @@ function EnvironmentEditor({ onClose }) {
     )
   ] });
 }
-const { electron: electron$c } = window;
+const { electron: electron$d } = window;
 function EnvironmentBar({ inline = false }) {
   const environments = useStore((s) => s.environments);
   const activeEnvironmentId = useStore((s) => s.activeEnvironmentId);
@@ -67029,7 +68087,7 @@ function EnvironmentBar({ inline = false }) {
     if (id2) {
       const hasSecrets = environments[id2]?.data.variables.some((v) => v.enabled && v.secret);
       if (hasSecrets) {
-        const { set: set2 } = await electron$c.checkMasterKey();
+        const { set: set2 } = await electron$d.checkMasterKey();
         if (!set2) {
           setPendingEnvId(id2);
           return;
@@ -67083,7 +68141,7 @@ function EnvironmentBar({ inline = false }) {
     controls
   ] });
 }
-const { electron: electron$b } = window;
+const { electron: electron$c } = window;
 const DEFAULT_PII_PATTERNS = ["authorization", "password", "token", "secret", "api-key", "x-api-key"];
 const ZOOM_STEPS = [0.75, 0.9, 1, 1.1, 1.25, 1.5];
 function WorkspaceSettingsModal({ onClose }) {
@@ -67109,6 +68167,20 @@ function WorkspaceSettingsModal({ onClose }) {
     // default true
   );
   const [dashboardUrl, setDashboardUrl] = reactExports.useState(existing.dashboardUrl ?? "");
+  const [cloudEnabled2, setCloudEnabled] = reactExports.useState(existing.cloud?.enabled ?? false);
+  const [cloudToken, setCloudToken] = reactExports.useState("");
+  const cloudTokenSet = existing.cloud?.tokenSet ?? false;
+  const [cloudTest, setCloudTest] = reactExports.useState({ status: "idle" });
+  async function testCloud() {
+    setCloudTest({ status: "testing" });
+    try {
+      if (cloudToken.trim()) await electron$c.setSecret("cloud:token", cloudToken.trim());
+      const me = await electron$c.cloudTest();
+      setCloudTest({ status: "ok", msg: `Connected as ${me.email} · ${me.organization} (${me.plan})` });
+    } catch (e) {
+      setCloudTest({ status: "err", msg: e.message });
+    }
+  }
   const [patterns, setPatterns] = reactExports.useState(
     existing.piiMaskPatterns ?? DEFAULT_PII_PATTERNS
   );
@@ -67142,15 +68214,24 @@ function WorkspaceSettingsModal({ onClose }) {
     settings.piiMaskPatterns = patterns;
     if (dashboardUrl.trim()) settings.dashboardUrl = dashboardUrl.trim();
     else delete settings.dashboardUrl;
+    if (cloudEnabled2 || cloudTokenSet || cloudToken.trim()) {
+      settings.cloud = {
+        enabled: cloudEnabled2,
+        tokenSet: cloudTokenSet || Boolean(cloudToken.trim())
+      };
+    } else {
+      delete settings.cloud;
+    }
+    if (cloudToken.trim()) await electron$c.setSecret("cloud:token", cloudToken.trim());
     if (defaultEnvironment) settings.defaultEnvironment = defaultEnvironment;
     else delete settings.defaultEnvironment;
     if (persistHistory) settings.persistHistory = true;
     else delete settings.persistHistory;
     updateWorkspaceSettings(settings);
     const updated = useStore.getState().workspace;
-    if (updated) await electron$b.saveWorkspace(updated);
+    if (updated) await electron$c.saveWorkspace(updated);
     if (persistHistory) {
-      await electron$b.saveHistory(useStore.getState().history).catch(() => {
+      await electron$c.saveHistory(useStore.getState().history).catch(() => {
       });
     }
     onClose();
@@ -67166,7 +68247,8 @@ function WorkspaceSettingsModal({ onClose }) {
     { id: "proxy", label: "Proxy" },
     { id: "tls", label: "TLS / Certificates" },
     { id: "privacy", label: "Privacy" },
-    { id: "contracts", label: "Contracts" }
+    { id: "contracts", label: "Contracts" },
+    { id: "cloud", label: "Cloud" }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Modal,
@@ -67323,6 +68405,56 @@ function WorkspaceSettingsModal({ onClose }) {
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-600 text-[11px]", children: 'Where your contract dashboard is served (api-spector contract report --serve, locally or as a docker container). Adds an "Open dashboard" link to the contract results panel. The link is view-only: recorded results reach the dashboard through the workspace files, not through this URL.' })
           ] }),
+          activeTab === "cloud" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-start gap-2 cursor-pointer", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: cloudEnabled2,
+                  onChange: (e) => setCloudEnabled(e.target.checked),
+                  className: "mt-0.5 accent-blue-500"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex flex-col gap-0.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-200", children: "Enable API Spector Cloud" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-[11px]", children: 'Push mocks and monitors to a hosted instance. When on, "Push to cloud" actions appear on mocks and requests.' })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] uppercase tracking-wider text-surface-600 font-medium", children: "API token" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  type: "password",
+                  value: cloudToken,
+                  onChange: (e) => setCloudToken(e.target.value),
+                  placeholder: cloudTokenSet ? "•••••••• (saved — type to replace)" : "Paste a token from the cloud dashboard",
+                  className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 font-mono placeholder-surface-600"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-[11px]", children: "Stored in your OS keychain, never in the workspace file. Create one under Tokens in the cloud dashboard." })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: testCloud,
+                  disabled: cloudTest.status === "testing",
+                  className: "px-3 py-1.5 bg-surface-700 hover:bg-surface-600 disabled:opacity-40 rounded transition-colors",
+                  children: cloudTest.status === "testing" ? "Testing…" : "Test connection"
+                }
+              ),
+              cloudTest.status === "ok" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-green-400 text-[11px]", children: [
+                "✓ ",
+                cloudTest.msg
+              ] }),
+              cloudTest.status === "err" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-red-400 text-[11px]", children: [
+                "✗ ",
+                cloudTest.msg
+              ] })
+            ] })
+          ] }),
           activeTab === "tls" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] uppercase tracking-wider text-surface-600 font-medium", children: "CA Certificate path" }),
@@ -67441,7 +68573,7 @@ function WorkspaceSettingsModal({ onClose }) {
     }
   );
 }
-const { electron: electron$a } = window;
+const { electron: electron$b } = window;
 function DocsGeneratorModal({ onClose }) {
   const collections = useStore((s) => s.collections);
   const collectionList = Object.values(collections);
@@ -67450,7 +68582,7 @@ function DocsGeneratorModal({ onClose }) {
   );
   const [format2, setFormat] = reactExports.useState("markdown");
   const [generating, setGenerating] = reactExports.useState(false);
-  const [preview, setPreview] = reactExports.useState(null);
+  const [preview2, setPreview] = reactExports.useState(null);
   const [error2, setError] = reactExports.useState(null);
   function toggleCollection(id2) {
     setSelectedIds((prev) => {
@@ -67481,9 +68613,9 @@ function DocsGeneratorModal({ onClose }) {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$a.generateDocs(buildPayload());
+      const content2 = await electron$b.generateDocs(buildPayload());
       const filename = format2 === "html" ? "api-docs.html" : "api-docs.md";
-      await electron$a.saveResults(content2, filename);
+      await electron$b.saveResults(content2, filename);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -67494,7 +68626,7 @@ function DocsGeneratorModal({ onClose }) {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$a.generateDocs(buildPayload());
+      const content2 = await electron$b.generateDocs(buildPayload());
       setPreview(content2);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -67562,7 +68694,7 @@ function DocsGeneratorModal({ onClose }) {
             ] }, f)) })
           ] }),
           error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400", children: error2 }),
-          preview !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          preview2 !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-1", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-surface-600", children: "Preview" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67577,7 +68709,7 @@ function DocsGeneratorModal({ onClose }) {
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700", style: { height: 280 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               ReactCodeMirror,
               {
-                value: preview,
+                value: preview2,
                 height: "280px",
                 theme: oneDark,
                 extensions: [],
@@ -67843,7 +68975,7 @@ function parseCurl(command2) {
   }
   return { name: name2, method: resolvedMethod, url, headers, params: [], auth, body };
 }
-const { electron: electron$9 } = window;
+const { electron: electron$a } = window;
 const OPTIONS = [
   { id: "postman", label: "Postman", description: "Collection v2.1 JSON" },
   { id: "openapi", label: "OpenAPI", description: "JSON or YAML (v3.x)", supportsUrl: true },
@@ -67918,12 +69050,12 @@ function ImportModal({ onImport, onClose }) {
     setError(null);
     try {
       let col = null;
-      if (opt2.id === "postman") col = await electron$9.importPostman();
-      if (opt2.id === "openapi") col = await electron$9.importOpenApi();
-      if (opt2.id === "insomnia") col = await electron$9.importInsomnia();
-      if (opt2.id === "bruno") col = await electron$9.importBruno();
-      if (opt2.id === "http") col = await electron$9.importHttpFile();
-      if (opt2.id === "spector") col = await electron$9.importSpectorCollection();
+      if (opt2.id === "postman") col = await electron$a.importPostman();
+      if (opt2.id === "openapi") col = await electron$a.importOpenApi();
+      if (opt2.id === "insomnia") col = await electron$a.importInsomnia();
+      if (opt2.id === "bruno") col = await electron$a.importBruno();
+      if (opt2.id === "http") col = await electron$a.importHttpFile();
+      if (opt2.id === "spector") col = await electron$a.importSpectorCollection();
       if (!col) {
         setLoading(false);
         return;
@@ -67946,7 +69078,7 @@ function ImportModal({ onImport, onClose }) {
     setLoading(true);
     setError(null);
     try {
-      const col = await electron$9.importOpenApiFromUrl(trimmed);
+      const col = await electron$a.importOpenApiFromUrl(trimmed);
       if (col) enterPreview(col);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -68053,7 +69185,7 @@ function ImportModal({ onImport, onClose }) {
         mergeIntoCollection(target, prunedRoot, prunedRequests);
         const entry = useStore.getState().collections[target];
         if (entry) {
-          await electron$9.saveCollection(entry.relPath, entry.data);
+          await electron$a.saveCollection(entry.relPath, entry.data);
           markCollectionClean(target);
         }
         setActiveCollection(target);
@@ -68080,7 +69212,7 @@ function ImportModal({ onImport, onClose }) {
         variables: [{ key: name2, value, enabled: true }]
       };
       const relPath = envRelPath(finalName, envId);
-      await electron$9.saveEnvironment(relPath, env);
+      await electron$a.saveEnvironment(relPath, env);
       useStore.setState((s) => {
         s.environments[envId] = { relPath, data: env };
         if (!s.activeEnvironmentId) s.activeEnvironmentId = envId;
@@ -68090,7 +69222,7 @@ function ImportModal({ onImport, onClose }) {
         return s;
       });
       const ws2 = useStore.getState().workspace;
-      if (ws2) await electron$9.saveWorkspace(ws2);
+      if (ws2) await electron$a.saveWorkspace(ws2);
     } else {
       const entry = state.environments[envTarget];
       if (!entry) throw new Error("Target environment not found");
@@ -68105,7 +69237,7 @@ function ImportModal({ onImport, onClose }) {
       } else {
         updated.variables = [...updated.variables, { key: name2, value, enabled: true }];
       }
-      await electron$9.saveEnvironment(entry.relPath, updated);
+      await electron$a.saveEnvironment(entry.relPath, updated);
       useStore.getState().updateEnvironment(envTarget, updated);
     }
   }
@@ -68481,7 +69613,7 @@ function collectRequestsByFolder(folder, src) {
   walk(folder);
   return out;
 }
-const { electron: electron$8 } = window;
+const { electron: electron$9 } = window;
 function Toolbar({ onOpenDocs: _onOpenDocs }) {
   const { applyWorkspace } = useWorkspaceLoader();
   const workspace = useStore((s) => s.workspace);
@@ -68504,13 +69636,13 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
     try {
       for (const { relPath, data, dirty } of Object.values(collections)) {
         if (!dirty) continue;
-        await electron$8.saveCollection(relPath, data);
+        await electron$9.saveCollection(relPath, data);
         markCollectionClean(data.id);
       }
       for (const { relPath, data } of Object.values(environments)) {
-        await electron$8.saveEnvironment(relPath, data);
+        await electron$9.saveEnvironment(relPath, data);
       }
-      if (workspace) await electron$8.saveWorkspace(workspace);
+      if (workspace) await electron$9.saveWorkspace(workspace);
     } finally {
       setSaving(false);
     }
@@ -68518,14 +69650,14 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
   async function afterImport(col) {
     if (!col) return;
     const relPath = colRelPath(col.name, col.id);
-    await electron$8.saveCollection(relPath, col);
+    await electron$9.saveCollection(relPath, col);
     loadCollection(relPath, col);
     setActiveCollection(col.id);
     const ws2 = useStore.getState().workspace;
     if (ws2 && !ws2.collections.includes(relPath)) {
       const updated = { ...ws2, collections: [...ws2.collections, relPath] };
       useStore.setState({ workspace: updated });
-      await electron$8.saveWorkspace(updated);
+      await electron$9.saveWorkspace(updated);
     }
   }
   if (!workspace) return null;
@@ -68614,7 +69746,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$8.openWorkspace();
+              const result = await electron$9.openWorkspace();
               if (result) await applyWorkspace(result.workspace, result.workspacePath);
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -68626,7 +69758,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$8.newWorkspace();
+              const result = await electron$9.newWorkspace();
               if (result) await applyWorkspace(result.workspace, result.workspacePath);
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -68638,7 +69770,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              await electron$8.closeWorkspace();
+              await electron$9.closeWorkspace();
               closeWorkspace();
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -69089,7 +70221,7 @@ api-tests:
 function EmptyState({ message }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-24 text-surface-400 text-xs", children: message });
 }
-const { electron: electron$7 } = window;
+const { electron: electron$8 } = window;
 const HOOK_BADGE = {
   beforeAll: { label: "BEFORE ALL", cls: "bg-violet-700 text-white" },
   before: { label: "BEFORE", cls: "bg-violet-600 text-white" },
@@ -69209,13 +70341,13 @@ function RunnerModal() {
     setSummary(null);
     setRunnerRunning(true);
     progressIdxRef.current = 0;
-    electron$7.onRunProgress((result) => {
+    electron$8.onRunProgress((result) => {
       const idx = progressIdxRef.current;
       patchRunnerResult(idx, result);
       if (result.status !== "running") progressIdxRef.current++;
     });
     try {
-      const s = await electron$7.runCollection({
+      const s = await electron$8.runCollection({
         items: items2,
         environment: env,
         globals,
@@ -69226,7 +70358,7 @@ function RunnerModal() {
       });
       setSummary(s);
     } finally {
-      electron$7.offRunProgress();
+      electron$8.offRunProgress();
       setRunnerRunning(false);
     }
   }, [collectionId, folderId, filterTags, selectedEnvId, environments, globals, colEntry, requestDelay, workspaceSettings, setRunnerResults, patchRunnerResult, setRunnerRunning]);
@@ -69452,7 +70584,7 @@ function RunnerModal() {
                   };
                   const content2 = exportFormat === "junit" ? buildJUnitReport(runnerResults, summary, meta2) : exportFormat === "html" ? buildHtmlReport(runnerResults, summary, meta2) : buildJsonReport(runnerResults, summary, meta2);
                   const ext = exportFormat === "junit" ? "xml" : exportFormat === "html" ? "html" : "json";
-                  electron$7.saveResults(content2, `spector-results.${ext}`);
+                  electron$8.saveResults(content2, `spector-results.${ext}`);
                 },
                 className: "px-2.5 py-0.5 bg-surface-800 hover:bg-surface-700 rounded transition-colors text-[11px] whitespace-nowrap",
                 children: "Export results"
@@ -69536,8 +70668,117 @@ function CollectionPanel() {
     ] })
   ] });
 }
-const { electron: electron$6 } = window;
+function routeKey(method, path) {
+  return `${(method || "GET").toUpperCase()} /${String(path || "").replace(/^\/+/, "")}`;
+}
+function PushToCloudModal({ mock, onClose }) {
+  const routes = mock.routes ?? [];
+  const [selected, setSelected] = reactExports.useState(new Set(routes.map((r) => r.id)));
+  const [status, setStatus] = reactExports.useState({ state: "idle" });
+  const [existing, setExisting] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    let live = true;
+    getCloudMockRoutes(mock.name).then((cloudRoutes) => {
+      if (!live) return;
+      setExisting(cloudRoutes ? new Set(cloudRoutes.map((r) => routeKey(r.method, r.path))) : /* @__PURE__ */ new Set());
+    });
+    return () => {
+      live = false;
+    };
+  }, [mock.name]);
+  const isExisting = (r) => existing?.has(routeKey(r.method, r.path)) ?? false;
+  const selectedRoutes = routes.filter((r) => selected.has(r.id));
+  const overwriteCount = selectedRoutes.filter(isExisting).length;
+  const addCount = selectedRoutes.length - overwriteCount;
+  const allSelected = routes.length > 0 && selected.size === routes.length;
+  function toggle(id2) {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id2)) next.delete(id2);
+      else next.add(id2);
+      return next;
+    });
+  }
+  async function push2() {
+    setStatus({ state: "pushing" });
+    try {
+      const r = await pushMockToCloud(mock, [...selected]);
+      setStatus({ state: "ok", msg: r.url });
+    } catch (e) {
+      setStatus({ state: "err", msg: e.message });
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Modal,
+    {
+      onClose,
+      overlayClassName: "bg-black/50 z-50 flex items-start justify-center pt-24",
+      panelClassName: "bg-surface-900 border border-surface-800 rounded-lg shadow-2xl w-[480px] flex flex-col max-h-[70vh]",
+      title: `Push "${mock.name}" to cloud`,
+      children: [
+        overwriteCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mt-3 px-3 py-2 rounded bg-amber-900/30 border border-amber-800/50 text-amber-300 text-[11px] flex-shrink-0", children: [
+          "⚠ ",
+          overwriteCount,
+          " selected ",
+          overwriteCount === 1 ? "route" : "routes",
+          " already exist in the cloud and will be overwritten. New routes are added; others are kept."
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2.5 border-b border-surface-800 flex items-center justify-between text-xs flex-shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400", children: [
+            selected.size,
+            " of ",
+            routes.length,
+            " routes selected"
+          ] }),
+          routes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setSelected(allSelected ? /* @__PURE__ */ new Set() : new Set(routes.map((r) => r.id))),
+              className: "text-blue-400 hover:text-blue-300",
+              children: allSelected ? "Deselect all" : "Select all"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto px-2 py-2", children: routes.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500 text-xs px-2 py-6 text-center", children: "This mock has no routes." }) : routes.map((r) => /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-2 px-2 py-1.5 rounded hover:bg-surface-800/50 cursor-pointer text-xs", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: selected.has(r.id), onChange: () => toggle(r.id), className: "accent-blue-500" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold w-14 flex-shrink-0", style: { color: getMethodColor(r.method) }, children: r.method }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-surface-300 truncate", children: r.path }),
+          isExisting(r) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] uppercase tracking-wider text-amber-400 border border-amber-800/50 rounded px-1 py-0.5 flex-shrink-0", children: "in cloud" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto text-surface-500 flex-shrink-0", children: r.statusCode })
+        ] }, r.id)) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3 border-t border-surface-800 flex items-center gap-2 flex-shrink-0", children: status.state === "ok" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-green-400 text-[11px] flex-1 truncate", children: [
+            "✓ Pushed ",
+            selected.size,
+            " route",
+            selected.size !== 1 ? "s" : "",
+            " → ",
+            status.msg
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "px-4 py-1.5 bg-blue-600 hover:bg-blue-500 rounded text-xs font-medium", children: "Done" })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          status.state === "err" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-red-400 text-[11px] flex-1 truncate", children: [
+            "✗ ",
+            status.msg
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: push2,
+              disabled: status.state === "pushing" || selected.size === 0,
+              className: "ml-auto px-4 py-1.5 bg-blue-600 hover:bg-blue-500 disabled:opacity-40 rounded text-xs font-medium",
+              children: status.state === "pushing" ? "Pushing…" : overwriteCount > 0 ? `Push ${selected.size} (${addCount} new, ${overwriteCount} overwrite)` : `Push ${selected.size} route${selected.size !== 1 ? "s" : ""}`
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "px-4 py-1.5 bg-surface-800 hover:bg-surface-700 rounded text-xs", children: "Cancel" })
+        ] }) })
+      ]
+    }
+  );
+}
+const { electron: electron$7 } = window;
 function MockPanel() {
+  const [pushTarget, setPushTarget] = reactExports.useState(null);
   const mocks = useStore((s) => s.mocks);
   const activeMockId = useStore((s) => s.activeMockId);
   const setActiveMock = useStore((s) => s.setActiveMockId);
@@ -69565,15 +70806,15 @@ function MockPanel() {
     setWsdlImporting(true);
     try {
       const existingPorts = mockList.map((m) => m.data.port);
-      const { mock } = await electron$6.wsdlImport({ url: wsdlUrl.trim(), existingMockPorts: existingPorts });
+      const { mock } = await electron$7.wsdlImport({ url: wsdlUrl.trim(), existingMockPorts: existingPorts });
       const relPath = `mocks/${mock.id}.mock.json`;
       loadMock(relPath, mock);
-      await electron$6.saveMock(relPath, mock);
+      await electron$7.saveMock(relPath, mock);
       const ws2 = useStore.getState().workspace;
       if (ws2) {
         if (!ws2.mocks) ws2.mocks = [];
         ws2.mocks.push(relPath);
-        await electron$6.saveWorkspace(ws2);
+        await electron$7.saveWorkspace(ws2);
       }
       setActiveMock(mock.id);
       setWsdlOpen(false);
@@ -69587,12 +70828,12 @@ function MockPanel() {
   async function handleAddMock() {
     addMock();
     const ws2 = useStore.getState().workspace;
-    if (ws2) await electron$6.saveWorkspace(ws2);
+    if (ws2) await electron$7.saveWorkspace(ws2);
     const state = useStore.getState();
     const newId = state.activeMockId;
     if (newId) {
       const entry = state.mocks[newId];
-      await electron$6.saveMock(entry.relPath, entry.data);
+      await electron$7.saveMock(entry.relPath, entry.data);
       setActiveMock(newId);
     }
   }
@@ -69600,15 +70841,15 @@ function MockPanel() {
     e.stopPropagation();
     const entry = useStore.getState().mocks[mockId];
     if (!entry) return;
-    if (entry.running) await electron$6.mockStop(mockId);
+    if (entry.running) await electron$7.mockStop(mockId);
     deleteMock(mockId);
     const ws2 = useStore.getState().workspace;
-    if (ws2) await electron$6.saveWorkspace(ws2);
+    if (ws2) await electron$7.saveWorkspace(ws2);
   }
   async function handleStartRecorder() {
     setRecorderError("");
     try {
-      await electron$6.recordStart({ upstream: recorderUpstream, port: recorderPort });
+      await electron$7.recordStart({ upstream: recorderUpstream, port: recorderPort });
       setRecorderRunning(true);
     } catch (err) {
       setRecorderError(err instanceof Error ? err.message : String(err));
@@ -69620,18 +70861,19 @@ function MockPanel() {
     if (!entry) return;
     try {
       if (entry.running) {
-        await electron$6.mockStop(mockId);
+        await electron$7.mockStop(mockId);
         setRunning(mockId, false);
       } else {
         const latest2 = useStore.getState().mocks[mockId].data;
-        await electron$6.saveMock(entry.relPath, latest2);
-        await electron$6.mockStart(latest2);
+        await electron$7.saveMock(entry.relPath, latest2);
+        await electron$7.mockStart(latest2);
         setRunning(mockId, true);
       }
     } catch {
     }
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    pushTarget && /* @__PURE__ */ jsxRuntimeExports.jsx(PushToCloudModal, { mock: pushTarget, onClose: () => setPushTarget(null) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b border-surface-800 flex-shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
@@ -69793,6 +71035,18 @@ function MockPanel() {
                   children: entry.running ? "■" : "▶"
                 }
               ),
+              cloudEnabled() && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setPushTarget(mock);
+                  },
+                  className: "text-[10px] px-1 py-0.5 rounded text-surface-500 hover:text-blue-400 opacity-0 group-hover:opacity-100 transition-colors",
+                  title: "Push to cloud (choose routes)",
+                  children: "☁"
+                }
+              ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
@@ -69810,7 +71064,7 @@ function MockPanel() {
     }) })
   ] });
 }
-const { electron: electron$5 } = window;
+const { electron: electron$6 } = window;
 const METHODS_PLUS_ANY = ["ANY", "GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS", "QUERY"];
 function RouteRow({
   route,
@@ -70207,25 +71461,26 @@ function MockDetailPanel({ mockId }) {
   const [error2, setError] = reactExports.useState(null);
   const [newRouteId, setNewRouteId] = reactExports.useState(null);
   const [activeTab, setActiveTab] = reactExports.useState("routes");
+  const [showPush, setShowPush] = reactExports.useState(false);
   if (!entry) return null;
   const { data: mock, running } = entry;
   const routes = mock.routes ?? [];
   async function save(updated) {
     updateMock(mock.id, updated);
-    await electron$5.saveMock(entry.relPath, updated);
-    if (running) await electron$5.mockUpdateRoutes(mock.id, updated.routes ?? []);
-    if (workspace) await electron$5.saveWorkspace(workspace);
+    await electron$6.saveMock(entry.relPath, updated);
+    if (running) await electron$6.mockUpdateRoutes(mock.id, updated.routes ?? []);
+    if (workspace) await electron$6.saveWorkspace(workspace);
   }
   async function toggleRunning() {
     setError(null);
     try {
       if (running) {
-        await electron$5.mockStop(mock.id);
+        await electron$6.mockStop(mock.id);
         setRunning(mock.id, false);
       } else {
         const latest2 = useStore.getState().mocks[mock.id].data;
-        await electron$5.saveMock(entry.relPath, latest2);
-        await electron$5.mockStart(latest2);
+        await electron$6.saveMock(entry.relPath, latest2);
+        await electron$6.mockStart(latest2);
         setRunning(mock.id, true);
       }
     } catch (e) {
@@ -70316,10 +71571,20 @@ function MockDetailPanel({ mockId }) {
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+        showPush && /* @__PURE__ */ jsxRuntimeExports.jsx(PushToCloudModal, { mock, onClose: () => setShowPush(false) }),
         error2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-red-400 max-w-xs truncate", title: error2, children: [
           "⚠ ",
           error2
         ] }),
+        cloudEnabled() && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => setShowPush(true),
+            className: "px-3 py-1.5 rounded text-sm font-medium bg-surface-800 hover:bg-surface-700 text-surface-300 border border-surface-700",
+            title: "Push this mock to API Spector Cloud (choose routes)",
+            children: "☁ Push to cloud"
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group/cli flex items-center", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
@@ -70338,7 +71603,7 @@ function MockDetailPanel({ mockId }) {
           "button",
           {
             onClick: () => {
-              if (running) electron$5.mockStop(mock.id);
+              if (running) electron$6.mockStop(mock.id);
               deleteMock(mock.id);
               setActive2(null);
             },
@@ -70405,7 +71670,7 @@ function MockDetailPanel({ mockId }) {
     ] })
   ] });
 }
-const { electron: electron$4 } = window;
+const { electron: electron$5 } = window;
 function statusColor$1(status) {
   if (status === 0) return "text-yellow-400";
   if (status < 300) return "text-emerald-400";
@@ -70438,7 +71703,7 @@ function RecorderPanel({ onImportMock, onClose, defaultTargetMockId }) {
   const upstream = useStore((s) => s.recorderUpstream);
   const mockList = Object.values(useStore((s) => s.mocks));
   reactExports.useEffect(() => {
-    electron$4.onRecordHit((entry) => {
+    electron$5.onRecordHit((entry) => {
       setEntries((prev) => {
         const next = [...prev, entry];
         setTimeout(() => {
@@ -70448,12 +71713,12 @@ function RecorderPanel({ onImportMock, onClose, defaultTargetMockId }) {
       });
     });
     return () => {
-      electron$4.offRecordHit();
+      electron$5.offRecordHit();
     };
   }, []);
   async function handleStop() {
     try {
-      const s = await electron$4.recordStop();
+      const s = await electron$5.recordStop();
       setSession(s);
       setStopped(true);
     } catch {
@@ -70649,6 +71914,467 @@ function HeadersTable({ headers }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 break-all", children: v })
   ] }, k)) });
 }
+function kvToHeaders(kv) {
+  const out = {};
+  for (const p2 of kv ?? []) {
+    if (p2.enabled === false || !p2.key) continue;
+    out[p2.key] = p2.value;
+  }
+  return out;
+}
+function designContractToMock(cc, port = 4100) {
+  const routes = cc.interactions.map((it, i) => ({
+    id: it.id || `route-${i}`,
+    // Pact path templates use {id}; the mock router uses :id.
+    method: (it.request.method || "GET").toUpperCase(),
+    path: (it.request.path || "/").replace(/\{([^}]+)\}/g, ":$1"),
+    statusCode: it.response.status,
+    headers: { "Content-Type": "application/json", ...kvToHeaders(it.response.headers) },
+    body: it.response.body?.trim() ? it.response.body : "",
+    description: it.description || void 0
+  }));
+  return {
+    version: "1.0",
+    id: `mock-${cc.id}`,
+    name: `${cc.consumer} → ${cc.provider} (contract mock)`,
+    port,
+    routes
+  };
+}
+const { electron: electron$4 } = window;
+function uid() {
+  try {
+    return crypto.randomUUID();
+  } catch {
+    return `id-${Date.now()}-${Math.floor(performance.now())}`;
+  }
+}
+function newInteraction() {
+  return {
+    id: uid(),
+    description: "get a resource",
+    request: { method: "GET", path: "/resource/{id}", headers: [] },
+    response: { status: 200, body: '{\n  "id": 1\n}' }
+  };
+}
+function newContract() {
+  return { id: uid(), consumer: "my-consumer", provider: "my-provider", interactions: [newInteraction()] };
+}
+function KVRows({ label, rows, onChange, keyPlaceholder = "name", valuePlaceholder = "value" }) {
+  const list2 = rows ?? [];
+  const set2 = (i, patch) => onChange(list2.map((r, j) => j === i ? { ...r, ...patch } : r));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-500", children: label }),
+    list2.map((r, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          value: r.key,
+          onChange: (e) => set2(i, { key: e.target.value }),
+          placeholder: keyPlaceholder,
+          spellCheck: false,
+          className: "flex-1 min-w-0 text-[11px] font-mono bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          value: r.value,
+          onChange: (e) => set2(i, { value: e.target.value }),
+          placeholder: valuePlaceholder,
+          spellCheck: false,
+          className: "flex-1 min-w-0 text-[11px] font-mono bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => onChange(list2.filter((_, j) => j !== i)), className: "text-surface-600 hover:text-red-400 text-xs px-0.5", title: "Remove", children: "✕" })
+    ] }, i)),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => onChange([...list2, { key: "", value: "", enabled: true }]), className: "self-start text-[11px] text-blue-400 hover:text-blue-300", children: "+ add" })
+  ] });
+}
+function ContractDesignerModal({ onClose }) {
+  const workspace = useStore((s) => s.workspace);
+  const workspacePath = useStore((s) => s.workspacePath);
+  const setWorkspace = useStore((s) => s.setWorkspace);
+  const addMock = useStore((s) => s.addMock);
+  const updateMock = useStore((s) => s.updateMock);
+  const cloudConnected = useStore((s) => Boolean(s.workspace?.settings?.cloud?.enabled));
+  const { toast, show } = useToast();
+  const contracts = workspace?.designContracts ?? [];
+  const [selectedId, setSelectedId] = reactExports.useState(contracts[0]?.id ?? null);
+  const [version, setVersion] = reactExports.useState("0.1.0");
+  const [busy, setBusy] = reactExports.useState(false);
+  const selected = contracts.find((c) => c.id === selectedId) ?? null;
+  async function persist(next) {
+    if (!workspace) return;
+    const updated = { ...workspace, designContracts: next };
+    setWorkspace(updated, workspacePath ?? "");
+    try {
+      await electron$4.saveWorkspace(updated);
+    } catch (e) {
+      show(e.message, false);
+    }
+  }
+  function upsert(contract) {
+    const stamped = { ...contract, updatedAt: (/* @__PURE__ */ new Date()).toISOString() };
+    const exists = contracts.some((c) => c.id === contract.id);
+    persist(exists ? contracts.map((c) => c.id === contract.id ? stamped : c) : [...contracts, stamped]);
+  }
+  function addContract() {
+    const c = newContract();
+    setSelectedId(c.id);
+    persist([...contracts, c]);
+  }
+  function deleteContract(id2) {
+    const next = contracts.filter((c) => c.id !== id2);
+    if (selectedId === id2) setSelectedId(next[0]?.id ?? null);
+    persist(next);
+  }
+  function patchInteraction(ix, patch) {
+    if (!selected) return;
+    const interactions = selected.interactions.map((it, i) => i === ix ? { ...it, ...patch } : it);
+    upsert({ ...selected, interactions });
+  }
+  async function saveLocally() {
+    if (!selected) return;
+    try {
+      const relPath = await electron$4.exportDesignPact(selected);
+      if (relPath) show(`Saved ${relPath} in the workspace`, true);
+    } catch (e) {
+      show(e.message, false);
+    }
+  }
+  async function createMock() {
+    if (!selected) return;
+    try {
+      addMock();
+      const st = useStore.getState();
+      const id2 = st.activeMockId;
+      const entry = id2 ? st.mocks[id2] : null;
+      if (!id2 || !entry) {
+        show("Could not create the mock — open a workspace first.", false);
+        return;
+      }
+      const mock = { ...designContractToMock(selected), id: id2, name: `${selected.consumer} → ${selected.provider} (contract mock)` };
+      updateMock(id2, mock);
+      await electron$4.saveMock(entry.relPath, mock);
+      const ws2 = useStore.getState().workspace;
+      if (ws2) await electron$4.saveWorkspace(ws2);
+      show(`Created mock with ${mock.routes.length} route${mock.routes.length === 1 ? "" : "s"} — open the Mocks panel to run it`, true);
+    } catch (e) {
+      show(e.message, false);
+    }
+  }
+  async function publish() {
+    if (!selected) return;
+    setBusy(true);
+    try {
+      const res = await electron$4.cloudPushDesignContract({ contract: selected, consumerVersion: version });
+      const v = res.verification;
+      if (v && !v.success) {
+        const failed = v.checks.filter((c) => !c.passed).map((c) => c.interaction).join(", ");
+        show(`Published, but bi-directional check failed: ${failed || "see matrix"}`, false);
+      } else {
+        show(`Published ${selected.consumer}@${version} to the cloud`, true);
+      }
+    } catch (e) {
+      show(e.message, false);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Modal,
+    {
+      onClose,
+      title: "Contract Designer",
+      subtitle: "Design a consumer-driven contract up front — no endpoint required — then publish it to API Spector Cloud.",
+      panelClassName: "bg-surface-900 border border-surface-700 rounded-xl w-[min(1000px,94vw)] h-[min(760px,90vh)] flex flex-col",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 min-h-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-56 shrink-0 border-r border-surface-800 flex flex-col", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 border-b border-surface-800 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-500 font-semibold", children: "Contracts" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: addContract, className: "text-xs text-blue-400 hover:text-blue-300", title: "New contract", children: "+ New" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
+              contracts.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "px-3 py-3 text-xs text-surface-500", children: [
+                "No contracts yet. Click ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: "+ New" }),
+                "."
+              ] }),
+              contracts.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  onClick: () => setSelectedId(c.id),
+                  className: `w-full text-left px-3 py-2 border-b border-surface-800/60 transition-colors ${c.id === selectedId ? "bg-surface-800" : "hover:bg-surface-800/50"}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-surface-200 truncate", children: [
+                      c.consumer,
+                      " ",
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600", children: "→" }),
+                      " ",
+                      c.provider
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] text-surface-500", children: [
+                      c.interactions.length,
+                      " interaction",
+                      c.interactions.length === 1 ? "" : "s"
+                    ] })
+                  ]
+                },
+                c.id
+              ))
+            ] })
+          ] }),
+          !selected ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center text-surface-500 text-sm", children: "Select or create a contract." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 border-b border-surface-800 flex flex-wrap items-end gap-3", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-500", children: "Consumer" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    value: selected.consumer,
+                    onChange: (e) => upsert({ ...selected, consumer: e.target.value }),
+                    className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1 w-44 focus:outline-none focus:border-blue-500"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 pb-1.5", children: "→" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-500", children: "Provider" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    value: selected.provider,
+                    onChange: (e) => upsert({ ...selected, provider: e.target.value }),
+                    className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1 w-44 focus:outline-none focus:border-blue-500"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-end gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-500", children: "Version" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "input",
+                    {
+                      value: version,
+                      onChange: (e) => setVersion(e.target.value),
+                      className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1 w-24 focus:outline-none focus:border-blue-500"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: createMock,
+                    title: "Turn this contract into a runnable mock the consumer can develop against (no provider needed)",
+                    className: "px-3 py-1.5 text-xs border border-surface-600 text-surface-200 hover:border-blue-500 hover:text-white rounded transition-colors whitespace-nowrap",
+                    children: "Create mock"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: saveLocally,
+                    title: "Write the compiled pact to pacts/ in this workspace (git-committable, no cloud needed)",
+                    className: "px-3 py-1.5 text-xs border border-surface-600 text-surface-200 hover:border-blue-500 hover:text-white rounded transition-colors whitespace-nowrap",
+                    children: "Save to workspace"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: publish,
+                    disabled: busy || !cloudConnected,
+                    title: cloudConnected ? "Publish the compiled pact to API Spector Cloud" : "Connect to cloud in Settings → Cloud first",
+                    className: "px-3 py-1.5 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors whitespace-nowrap",
+                    children: busy ? "Publishing…" : "Publish to Cloud"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: () => deleteContract(selected.id),
+                    className: "px-2 py-1.5 text-xs text-red-400 hover:bg-red-900/30 rounded transition-colors",
+                    children: "Delete"
+                  }
+                )
+              ] })
+            ] }),
+            !cloudConnected && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-4 py-1.5 text-[11px] text-amber-400 bg-amber-950/20 border-b border-surface-800", children: "Not connected to API Spector Cloud — connect in Settings → Cloud to publish. You can still design and save the contract." }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-3 flex flex-col gap-4", children: [
+              selected.interactions.map((it, ix) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-surface-800 rounded-lg p-3 flex flex-col gap-2.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "input",
+                    {
+                      value: it.description,
+                      onChange: (e) => patchInteraction(ix, { description: e.target.value }),
+                      placeholder: "what this interaction is",
+                      className: "flex-1 text-xs font-medium bg-transparent border-b border-surface-800 focus:border-blue-500 focus:outline-none py-0.5"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      onClick: () => upsert({ ...selected, interactions: selected.interactions.filter((_, i) => i !== ix) }),
+                      className: "text-surface-600 hover:text-red-400 text-xs",
+                      title: "Remove interaction",
+                      children: "✕"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "select",
+                    {
+                      value: it.request.method,
+                      onChange: (e) => patchInteraction(ix, { request: { ...it.request, method: e.target.value } }),
+                      className: "text-xs bg-surface-800 border border-surface-700 rounded px-1.5 py-1 focus:outline-none focus:border-blue-500",
+                      children: ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD"].map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: m }, m))
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "input",
+                    {
+                      value: it.request.path,
+                      onChange: (e) => patchInteraction(ix, { request: { ...it.request, path: e.target.value } }),
+                      placeholder: "/brands/{id}",
+                      className: "flex-1 text-xs font-mono bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    value: it.providerState ?? "",
+                    onChange: (e) => patchInteraction(ix, { providerState: e.target.value }),
+                    placeholder: 'provider state (e.g. "brand 1 exists") — optional',
+                    className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2.5 border-r border-surface-800 pr-4", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-400 font-semibold", children: "Request" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      KVRows,
+                      {
+                        label: "Query params",
+                        rows: it.request.query,
+                        onChange: (q) => patchInteraction(ix, { request: { ...it.request, query: q } }),
+                        keyPlaceholder: "e.g. discontinued",
+                        valuePlaceholder: "true"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      KVRows,
+                      {
+                        label: "Headers",
+                        rows: it.request.headers,
+                        onChange: (h) => patchInteraction(ix, { request: { ...it.request, headers: h } }),
+                        keyPlaceholder: "Accept",
+                        valuePlaceholder: "application/json"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-500", children: "Body (JSON, optional)" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "textarea",
+                        {
+                          value: it.request.body ?? "",
+                          onChange: (e) => patchInteraction(ix, { request: { ...it.request, body: e.target.value } }),
+                          rows: 3,
+                          placeholder: "{ }",
+                          spellCheck: false,
+                          className: "text-[11px] font-mono bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500 resize-y"
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2.5", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] uppercase tracking-wider text-surface-400 font-semibold flex items-center gap-2", children: [
+                      "Expected response",
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "input",
+                        {
+                          type: "number",
+                          value: it.response.status,
+                          title: "expected status code",
+                          onChange: (e) => patchInteraction(ix, { response: { ...it.response, status: Number(e.target.value) || 0 } }),
+                          className: "w-16 text-[11px] bg-surface-900 border border-surface-700 rounded px-1 py-0.5 focus:outline-none focus:border-blue-500"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      KVRows,
+                      {
+                        label: "Headers",
+                        rows: it.response.headers,
+                        onChange: (h) => patchInteraction(ix, { response: { ...it.response, headers: h } }),
+                        keyPlaceholder: "Content-Type",
+                        valuePlaceholder: "application/json"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex flex-col gap-1", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-500", children: "Body" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "textarea",
+                        {
+                          value: it.response.body ?? "",
+                          onChange: (e) => patchInteraction(ix, { response: { ...it.response, body: e.target.value } }),
+                          rows: 3,
+                          placeholder: "[{ id: string, name: string, slug: string }]  — or a JSON example",
+                          spellCheck: false,
+                          className: "text-[11px] font-mono bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500 resize-y"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-surface-500 leading-relaxed", children: [
+                        "A JSON example (matched by type when the toggle is on), or a ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300", children: "type shape" }),
+                        " to check each property's type: ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-surface-300", children: "string, number, integer, boolean, null" }),
+                        " plus nested ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: "{ }" }),
+                        " / ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: "[ ]" }),
+                        ". E.g. ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-surface-300", children: "[{ id: string, qty: integer }]" }),
+                        ". Compiles to Pact ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: "matchingRules" }),
+                        "."
+                      ] })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-2 text-[11px] text-surface-400", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: it.looseMatch !== false,
+                      onChange: (e) => patchInteraction(ix, { looseMatch: e.target.checked }),
+                      className: "accent-blue-500"
+                    }
+                  ),
+                  "Match a JSON example by type, not exact value (tolerant — recommended)"
+                ] })
+              ] }, it.id)),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: () => upsert({ ...selected, interactions: [...selected.interactions, newInteraction()] }),
+                  className: "self-start text-xs text-blue-400 hover:text-blue-300",
+                  children: "+ Add interaction"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        toast && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed bottom-4 right-4 z-[120] w-96", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Toast, { toast }) })
+      ]
+    }
+  );
+}
 const { electron: electron$3 } = window;
 function ContractPanel({ fuzzReport, setFuzzReport }) {
   const collections = useStore((s) => s.collections);
@@ -70664,6 +72390,29 @@ function ContractPanel({ fuzzReport, setFuzzReport }) {
   const removeContractSnapshot = useStore((s) => s.removeContractSnapshot);
   const workspace = useStore((s) => s.workspace);
   const [mode, setMode] = reactExports.useState("consumer");
+  const [showDesigner, setShowDesigner] = reactExports.useState(false);
+  const cloudConnected = useStore((s) => Boolean(s.workspace?.settings?.cloud?.enabled));
+  const [providerName, setProviderName] = reactExports.useState("");
+  const [specVersion, setSpecVersion] = reactExports.useState("");
+  const [publishingSpec, setPublishingSpec] = reactExports.useState(false);
+  const [publishNote, setPublishNote] = reactExports.useState(null);
+  async function publishSpecToCloud() {
+    setError(null);
+    setPublishNote(null);
+    setPublishingSpec(true);
+    try {
+      const res = await electron$3.cloudPushSpec({
+        pacticipant: providerName.trim(),
+        version: specVersion.trim(),
+        specUrl: specUrl.trim()
+      });
+      setPublishNote(`Published ${providerName.trim()}@${specVersion.trim()} — ${res.verified_contracts} contract(s) re-verified`);
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setPublishingSpec(false);
+    }
+  }
   const [specUrl, setSpecUrl] = reactExports.useState("");
   const [requestBaseUrl, setRequestBaseUrl] = reactExports.useState("");
   const [providerBaseUrl, setProviderBaseUrl] = reactExports.useState("");
@@ -70683,6 +72432,7 @@ function ContractPanel({ fuzzReport, setFuzzReport }) {
   const contractRequests = allRequests.filter(
     (r) => r.contract && (r.contract.statusCode !== void 0 || r.contract.bodySchema || r.contract.bodyMatcher || r.contract.headers?.length)
   );
+  const designInteractionCount = (workspace?.designContracts ?? []).reduce((n, cc) => n + cc.interactions.length, 0);
   const isFuzz = mode === "fuzz";
   const needsSpec = mode === "provider" || mode === "bidirectional";
   const showSpec = needsSpec || isFuzz;
@@ -70709,6 +72459,9 @@ function ContractPanel({ fuzzReport, setFuzzReport }) {
       const result = await electron$3.runContracts({
         mode,
         requests,
+        // Let the main process add design-first contracts (Designer + pacts/) for
+        // the contract-bearing modes, so they run without a manual pact-import.
+        designContracts: workspace?.designContracts,
         envVars,
         collectionVars,
         specUrl: specUrl.trim() || void 0,
@@ -70794,6 +72547,15 @@ function ContractPanel({ fuzzReport, setFuzzReport }) {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 px-3 py-3 border-b border-surface-800 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setShowDesigner(true),
+          className: "flex items-center justify-center gap-1.5 text-xs px-3 py-1.5 rounded-lg border border-dashed border-surface-600 text-surface-300 hover:border-blue-500 hover:text-white transition-colors",
+          title: "Design a consumer-driven contract up front, with no endpoints, then publish it to the cloud",
+          children: "✎ Design a contract (no endpoint needed)"
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1 bg-surface-800 rounded-lg p-0.5", children: [
         ["consumer", "Consumer"],
         ["provider", "Provider"],
@@ -70914,7 +72676,44 @@ function ContractPanel({ fuzzReport, setFuzzReport }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 mt-1 leading-relaxed", children: "Pin a snapshot to run against a specific spec version later, even after the provider ships an update." })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 mt-1 leading-relaxed", children: "Pin a snapshot to run against a specific spec version later, even after the provider ships an update." }),
+          cloudConnected && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 pt-2 border-t border-surface-800 flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium", children: [
+              "Publish spec to cloud ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 normal-case tracking-normal", children: "(provider side of bi-directional)" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  value: providerName,
+                  onChange: (e) => setProviderName(e.target.value),
+                  placeholder: "provider name",
+                  className: "flex-1 text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  value: specVersion,
+                  onChange: (e) => setSpecVersion(e.target.value),
+                  placeholder: "version (git SHA)",
+                  className: "w-32 text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500 font-mono placeholder-surface-600"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: publishSpecToCloud,
+                  disabled: publishingSpec || !specUrl.trim() || !providerName.trim() || !specVersion.trim(),
+                  title: "Publish this OpenAPI spec to the broker; consumers' pacts are re-verified against it",
+                  className: "px-2.5 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors",
+                  children: publishingSpec ? "…" : "Publish"
+                }
+              )
+            ] }),
+            publishNote && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-emerald-400 leading-relaxed", children: publishNote })
+          ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium block mb-1", children: [
@@ -71012,7 +72811,7 @@ function ContractPanel({ fuzzReport, setFuzzReport }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-500", children: mode === "provider" || isFuzz ? `${allRequests.length} request${allRequests.length !== 1 ? "s" : ""}` : `${contractRequests.length} contract${contractRequests.length !== 1 ? "s" : ""} defined` }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-500", children: mode === "provider" || isFuzz ? `${allRequests.length} request${allRequests.length !== 1 ? "s" : ""}` : `${contractRequests.length + designInteractionCount} contract${contractRequests.length + designInteractionCount !== 1 ? "s" : ""} defined` }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -71051,7 +72850,8 @@ function ContractPanel({ fuzzReport, setFuzzReport }) {
           " cases"
         ] })
       ] })
-    ] })
+    ] }),
+    showDesigner && /* @__PURE__ */ jsxRuntimeExports.jsx(ContractDesignerModal, { onClose: () => setShowDesigner(false) })
   ] });
 }
 function statusColor(code2) {
@@ -72010,7 +73810,7 @@ function CiTab() {
   const [platform, setPlatform] = reactExports.useState("unknown");
   const [envId, setEnvId] = reactExports.useState("");
   const [tags2, setTags] = reactExports.useState("");
-  const [preview, setPreview] = reactExports.useState("");
+  const [preview2, setPreview] = reactExports.useState("");
   const [written, setWritten] = reactExports.useState(false);
   const [error2, setError] = reactExports.useState(null);
   reactExports.useEffect(() => {
@@ -72032,7 +73832,7 @@ function CiTab() {
   async function write() {
     try {
       setError(null);
-      await electron$2.gitWriteCiFile(ciFilePath(platform), preview);
+      await electron$2.gitWriteCiFile(ciFilePath(platform), preview2);
       setWritten(true);
     } catch (e) {
       setError(String(e));
@@ -72117,7 +73917,7 @@ function CiTab() {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-auto", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 pt-2 pb-1 text-[10px] uppercase tracking-widest text-surface-600 font-semibold", children: "Preview" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "px-3 pb-3 text-[10px] font-mono text-surface-400 leading-relaxed whitespace-pre-wrap", children: preview })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "px-3 pb-3 text-[10px] font-mono text-surface-400 leading-relaxed whitespace-pre-wrap", children: preview2 })
     ] })
   ] });
 }
@@ -72498,6 +74298,7 @@ function App() {
   const setCommandPaletteOpen = useStore((s) => s.setCommandPaletteOpen);
   const setWsStatus = useStore((s) => s.setWsStatus);
   const addWsMessage = useStore((s) => s.addWsMessage);
+  const pushLiveStreamEvents = useStore((s) => s.pushLiveStreamEvents);
   const [fuzzReport, setFuzzReport] = reactExports.useState(null);
   const [sidebarOpen, setSidebarOpen] = reactExports.useState(true);
   const [responseOpen, setResponseOpen] = reactExports.useState(false);
@@ -72548,6 +74349,12 @@ function App() {
     });
     return () => electron.offWsEvents();
   }, [addWsMessage, setWsStatus]);
+  reactExports.useEffect(() => {
+    electron.onRequestStreamEvent(({ streamId, events }) => {
+      pushLiveStreamEvents(streamId, events);
+    });
+    return () => electron.offRequestStreamEvent();
+  }, [pushLiveStreamEvents]);
   reactExports.useEffect(() => {
     function handleKeyDown(e) {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
@@ -72575,7 +74382,21 @@ function App() {
     return map;
   }, [collections]);
   const activeTab = reactExports.useMemo(() => tabs.find((t2) => t2.id === activeTabId) ?? null, [tabs, activeTabId]);
-  const activeRequest = activeTab?.requestId ? requestsById.get(activeTab.requestId) ?? null : null;
+  const activeBaseRequest = activeTab?.requestId ? requestsById.get(activeTab.requestId) ?? null : null;
+  const activeRequest = reactExports.useMemo(() => {
+    if (!activeBaseRequest) return null;
+    if (!activeTab?.exampleId) return activeBaseRequest;
+    const ex = activeBaseRequest.examples?.find((e) => e.id === activeTab.exampleId);
+    if (!ex) return activeBaseRequest;
+    const o = ex.request ?? {};
+    return {
+      ...activeBaseRequest,
+      ...o,
+      params: o.params ?? [],
+      headers: o.headers ?? [],
+      body: o.body ?? { mode: "none" }
+    };
+  }, [activeBaseRequest, activeTab?.exampleId]);
   const openTabContextMenu = reactExports.useCallback((tabId, x, y) => {
     setTabContextMenu({ x, y, tabId });
   }, []);
@@ -72600,7 +74421,7 @@ function App() {
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#6aa3c8" }, children: "Spector" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-2 text-[10px] font-normal opacity-50", children: [
         "v",
-        "0.4.5"
+        "0.4.7"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -72717,12 +74538,13 @@ function App() {
         tabs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b border-surface-800 bg-surface-950 flex-shrink-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center overflow-x-auto flex-1 min-w-0", children: tabs.map((tab) => {
             const req = tab.requestId ? requestsById.get(tab.requestId) ?? null : null;
+            const exampleName = tab.exampleId ? req?.examples?.find((e) => e.id === tab.exampleId)?.name : null;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               TabRow,
               {
                 tabId: tab.id,
                 method: req?.method,
-                name: req?.name ?? "Untitled",
+                name: exampleName ? `${req?.name ?? "Untitled"} · ${exampleName}` : req?.name ?? "Untitled",
                 isActive: tab.id === activeTabId,
                 onActivate: setActiveTabId,
                 onClose: closeTab,