@testsmith/api-spector 0.1.2 → 0.1.3

package/out/renderer/assets/{index-BXpiAoKF.js → index-BEMJvOJV.js}

@@ -13423,6 +13423,11 @@ const useStore = create()(
     mocks: {},
     activeMockId: null,
     mockLogs: {},
+    recorderOpen: false,
+    recorderRunning: false,
+    recorderUpstream: "",
+    recorderPort: 4001,
+    recorderTargetMockId: "",
     runnerModal: { open: false, collectionId: null, folderId: null, filterTags: [] },
     runnerResults: [],
     runnerRunning: false,
@@ -13960,6 +13965,22 @@ const useStore = create()(
     clearMockLogs: (serverId) => set2((s) => {
       s.mockLogs[serverId] = [];
     }),
+    // ── Recorder ──────────────────────────────────────────────────────────────
+    setRecorderOpen: (open) => set2((s) => {
+      s.recorderOpen = open;
+    }),
+    setRecorderRunning: (running) => set2((s) => {
+      s.recorderRunning = running;
+    }),
+    setRecorderUpstream: (url) => set2((s) => {
+      s.recorderUpstream = url;
+    }),
+    setRecorderPort: (port) => set2((s) => {
+      s.recorderPort = port;
+    }),
+    setRecorderTargetMockId: (id2) => set2((s) => {
+      s.recorderTargetMockId = id2;
+    }),
     // ── WebSocket ─────────────────────────────────────────────────────────────
     setWsStatus: (requestId, status, error2) => set2((s) => {
       if (!s.wsConnections[requestId]) {
@@ -13983,7 +14004,7 @@ const useStore = create()(
     })
   }))
 );
-const { electron: electron$m } = window;
+const { electron: electron$n } = window;
 function useAutoSave() {
   const collections = useStore((s) => s.collections);
   useStore((s) => s.environments);
@@ -13999,7 +14020,7 @@ function useAutoSave() {
       for (const { relPath, data, dirty } of dirtyCollections) {
         if (!dirty) continue;
         try {
-          await electron$m.saveCollection(relPath, data);
+          await electron$n.saveCollection(relPath, data);
           markCollectionClean(data.id);
         } catch (e) {
           console.error("Auto-save failed for", relPath, e);
@@ -14015,7 +14036,7 @@ function useAutoSave() {
     if (wsTimerRef.current) clearTimeout(wsTimerRef.current);
     wsTimerRef.current = setTimeout(async () => {
       try {
-        await electron$m.saveWorkspace(workspace);
+        await electron$n.saveWorkspace(workspace);
       } catch {
       }
     }, 300);
@@ -14024,7 +14045,7 @@ function useAutoSave() {
     };
   }, [workspace]);
 }
-const { electron: electron$l } = window;
+const { electron: electron$m } = window;
 function useWorkspaceLoader() {
   const loadCollection = useStore((s) => s.loadCollection);
   const loadEnvironment = useStore((s) => s.loadEnvironment);
@@ -14043,28 +14064,28 @@ function useWorkspaceLoader() {
     });
     for (const colPath of ws2.collections) {
       try {
-        const col = await electron$l.loadCollection(colPath);
+        const col = await electron$m.loadCollection(colPath);
         loadCollection(colPath, col);
       } catch {
       }
     }
     for (const envPath of ws2.environments) {
       try {
-        const env = await electron$l.loadEnvironment(envPath);
+        const env = await electron$m.loadEnvironment(envPath);
         loadEnvironment(envPath, env);
       } catch {
       }
     }
     for (const relPath of ws2.mocks ?? []) {
       try {
-        const mockData = await electron$l.loadMock(relPath);
+        const mockData = await electron$m.loadMock(relPath);
         loadMock(relPath, mockData);
       } catch {
       }
     }
     if (ws2.collections.length > 0) {
       try {
-        const firstCol = await electron$l.loadCollection(ws2.collections[0]);
+        const firstCol = await electron$m.loadCollection(ws2.collections[0]);
         setActiveCollection(firstCol.id);
       } catch {
       }
@@ -42246,7 +42267,7 @@ const autoCloseTags = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to
   ]);
   return true;
 });
-const { electron: electron$k } = window;
+const { electron: electron$l } = window;
 function SoapEditor({ request, onChange }) {
   const soap = request.body.soap ?? {
     wsdlUrl: "",
@@ -42263,7 +42284,7 @@ function SoapEditor({ request, onChange }) {
     setFetching(true);
     setFetchError(null);
     try {
-      const result = await electron$k.wsdlFetch(soap.wsdlUrl.trim());
+      const result = await electron$l.wsdlFetch(soap.wsdlUrl.trim());
       setOperations(result.operations);
       if (result.operations.length > 0) {
         const first = result.operations[0];
@@ -42423,7 +42444,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$j } = window;
+const { electron: electron$k } = window;
 const AUTH_TYPES = ["none", "bearer", "basic", "digest", "ntlm", "apikey", "oauth2"];
 function AuthTab({ request, onChange }) {
   const auth = request.auth;
@@ -42437,7 +42458,7 @@ function AuthTab({ request, onChange }) {
   }
   async function saveSecret(ref2) {
     if (!secretValue || !ref2) return;
-    await electron$j.setSecret(ref2, secretValue);
+    await electron$k.setSecret(ref2, secretValue);
     setSaved(true);
     setSecretValue("");
     setTimeout(() => setSaved(false), 2e3);
@@ -42448,14 +42469,14 @@ function AuthTab({ request, onChange }) {
     try {
       const vars = {};
       if (auth.oauth2Flow === "authorization_code") {
-        const result = await electron$j.oauth2StartFlow(auth, vars);
+        const result = await electron$k.oauth2StartFlow(auth, vars);
         setAuth({
           oauth2CachedToken: result.accessToken,
           oauth2TokenExpiry: result.expiresAt
         });
         if (result.refreshToken) setOauth2RT(result.refreshToken);
       } else {
-        const result = await electron$j.oauth2StartFlow(auth, vars);
+        const result = await electron$k.oauth2StartFlow(auth, vars);
         setAuth({
           oauth2CachedToken: result.accessToken,
           oauth2TokenExpiry: result.expiresAt
@@ -42473,7 +42494,7 @@ function AuthTab({ request, onChange }) {
     setOauth2Status("fetching");
     setOauth2Error("");
     try {
-      const result = await electron$j.oauth2RefreshToken(auth, {}, oauth2RefreshToken);
+      const result = await electron$k.oauth2RefreshToken(auth, {}, oauth2RefreshToken);
       setAuth({
         oauth2CachedToken: result.accessToken,
         oauth2TokenExpiry: result.expiresAt
@@ -49470,7 +49491,7 @@ function SchemaTab({ request, onChange }) {
     ] }) })
   ] });
 }
-const { electron: electron$i } = window;
+const { electron: electron$j } = window;
 const EMPTY = { statusCode: 200, headers: [], bodySchema: "" };
 function ContractTab({ request, onChange }) {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
@@ -49484,7 +49505,7 @@ function ContractTab({ request, onChange }) {
     if (!lastResponse?.body) return;
     setInferring(true);
     try {
-      const schema = await electron$i.inferContractSchema(lastResponse.body);
+      const schema = await electron$j.inferContractSchema(lastResponse.body);
       if (schema) update({ bodySchema: schema });
     } finally {
       setInferring(false);
@@ -49592,7 +49613,7 @@ function ContractTab({ request, onChange }) {
     ] })
   ] });
 }
-const { electron: electron$h } = window;
+const { electron: electron$i } = window;
 function formatTime$1(ts) {
   const d = new Date(ts);
   const hh = String(d.getHours()).padStart(2, "0");
@@ -49612,14 +49633,14 @@ function WebSocketPanel({ request }) {
   const [sendText, setSendText] = reactExports.useState("");
   const logEndRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    electron$h.onWsMessage(({ requestId, message }) => {
+    electron$i.onWsMessage(({ requestId, message }) => {
       addWsMessage(requestId, message);
     });
-    electron$h.onWsStatus(({ requestId, status, error: error2 }) => {
+    electron$i.onWsStatus(({ requestId, status, error: error2 }) => {
       setWsStatus(requestId, status, error2);
     });
     return () => {
-      electron$h.offWsEvents();
+      electron$i.offWsEvents();
     };
   }, [addWsMessage, setWsStatus]);
   reactExports.useEffect(() => {
@@ -49632,19 +49653,19 @@ function WebSocketPanel({ request }) {
       if (h.enabled && h.key) headers[h.key] = h.value;
     }
     try {
-      await electron$h.wsConnect(request.id, request.url, headers);
+      await electron$i.wsConnect(request.id, request.url, headers);
     } catch (err) {
       setWsStatus(request.id, "error", err instanceof Error ? err.message : String(err));
     }
   }
   async function disconnect() {
-    await electron$h.wsDisconnect(request.id);
+    await electron$i.wsDisconnect(request.id);
   }
   async function sendMessage() {
     const text = sendText.trim();
     if (!text || !isConnected) return;
     try {
-      await electron$h.wsSend(request.id, text);
+      await electron$i.wsSend(request.id, text);
       const msg = {
         id: crypto.randomUUID(),
         direction: "sent",
@@ -49747,7 +49768,7 @@ function WebSocketPanel({ request }) {
     ] })
   ] });
 }
-const { electron: electron$g } = window;
+const { electron: electron$h } = window;
 const METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
 const METHOD_COLORS = {
   GET: "text-emerald-400",
@@ -49801,7 +49822,7 @@ function RequestBuilder({ request }) {
         auth: mergedAuth,
         headers: mergedHeaders
       };
-      const result = await electron$g.sendRequest({
+      const result = await electron$h.sendRequest({
         request: mergedRequest,
         environment: activeEnv,
         collectionVars,
@@ -50450,7 +50471,7 @@ function InteractiveBody({ body, contentType, onAssert }) {
     treeContent
   ] });
 }
-const { electron: electron$f } = window;
+const { electron: electron$g } = window;
 function prettyJson(raw) {
   try {
     return JSON.stringify(JSON.parse(raw), null, 2);
@@ -50536,14 +50557,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$f.saveMock(entry.relPath, updated);
+        await electron$g.saveMock(entry.relPath, updated);
         const ws2 = useStore.getState().workspace;
-        if (ws2) await electron$f.saveWorkspace(ws2);
+        if (ws2) await electron$g.saveWorkspace(ws2);
       } else {
         const entry = useStore.getState().mocks[serverId];
         const updated = { ...entry.data, routes: [...entry.data.routes, route] };
         updateMock(serverId, updated);
-        await electron$f.saveMock(entry.relPath, updated);
+        await electron$g.saveMock(entry.relPath, updated);
       }
       onClose();
     } finally {
@@ -50774,7 +50795,7 @@ function ResponseViewer() {
   const [contractToast, setContractToast] = reactExports.useState(false);
   async function saveAsContract() {
     if (!response || !requestId || !activeTabId) return;
-    const schema = response.body ? await electron$f.inferContractSchema(response.body) : null;
+    const schema = response.body ? await electron$g.inferContractSchema(response.body) : null;
     const contentType2 = response.headers["content-type"];
     const headers = contentType2 ? [{ key: "content-type", value: contentType2, required: true }] : [];
     updateRequest(requestId, {
@@ -51017,7 +51038,7 @@ function ConsolePanel({ scriptResult }) {
     i
   )) });
 }
-const { electron: electron$e } = window;
+const { electron: electron$f } = 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" },
@@ -51048,7 +51069,7 @@ function GeneratorPanel() {
     try {
       const col = collections[selectedCollectionId]?.data;
       const env = activeEnvironmentId ? environments[activeEnvironmentId]?.data ?? null : null;
-      const generated = await electron$e.generateCode({ collection: col, environment: env, target });
+      const generated = await electron$f.generateCode({ collection: col, environment: env, target });
       setFiles(generated);
       setSelectedFile(generated[0]?.path ?? null);
     } catch (e) {
@@ -51060,7 +51081,7 @@ function GeneratorPanel() {
   async function saveZip() {
     if (files.length === 0) return;
     const col = collections[selectedCollectionId]?.data;
-    await electron$e.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
+    await electron$f.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
   }
   const selectedContent = files.find((f) => f.path === selectedFile)?.content ?? "";
   const activeTarget = TARGETS.find((t2) => t2.id === target);
@@ -51165,7 +51186,7 @@ const STATUS_COLOR = {
   "4": "text-orange-400",
   "5": "text-red-400"
 };
-function statusColor$1(status) {
+function statusColor$2(status) {
   return STATUS_COLOR[String(status)[0]] ?? "text-surface-400";
 }
 function formatTime(ts) {
@@ -51264,7 +51285,7 @@ function HistoryRow({
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(MethodBadge, { method: entry.request.method, size: "xs" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-xs truncate text-white", children: entry.request.name }),
-          hasError ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-[10px] font-medium shrink-0", children: "ERR" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold shrink-0 ${statusColor$1(status)}`, children: status })
+          hasError ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-[10px] font-medium shrink-0", children: "ERR" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold shrink-0 ${statusColor$2(status)}`, children: status })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mt-0.5 min-w-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-400 truncate flex-1 font-mono", children: entry.resolvedUrl }),
@@ -51284,16 +51305,16 @@ function HistoryRow({
     }
   );
 }
-const { electron: electron$d } = window;
+const { electron: electron$e } = window;
 function WelcomeScreen() {
   const { applyWorkspace } = useWorkspaceLoader();
   async function openWorkspace() {
-    const result = await electron$d.openWorkspace();
+    const result = await electron$e.openWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
   async function newWorkspace() {
-    const result = await electron$d.newWorkspace();
+    const result = await electron$e.newWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
@@ -51327,7 +51348,7 @@ function WelcomeScreen() {
     ] })
   ] });
 }
-const { electron: electron$c } = window;
+const { electron: electron$d } = window;
 const EXAMPLES = [
   {
     label: "macOS / Linux  (~/.zshrc or ~/.bashrc)",
@@ -51351,7 +51372,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
       setError("Password cannot be empty.");
       return;
     }
-    await electron$c.setMasterKey(password);
+    await electron$d.setMasterKey(password);
     onSuccess(password);
   }
   function copy(idx, text) {
@@ -51441,7 +51462,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
     }
   );
 }
-const { electron: electron$b } = window;
+const { electron: electron$c } = 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);
@@ -51542,7 +51563,7 @@ function EnvironmentEditor({ onClose }) {
   async function saveEncrypted(idx) {
     const plaintext = secretInputs[idx] ?? "";
     if (!plaintext) return;
-    const { set: set2 } = await electron$b.checkMasterKey();
+    const { set: set2 } = await electron$c.checkMasterKey();
     if (!set2) {
       setPendingEncryptIdx(idx);
       return;
@@ -51579,9 +51600,9 @@ function EnvironmentEditor({ onClose }) {
         } : state.workspace
       }));
       const ws2 = useStore.getState().workspace;
-      if (ws2) await electron$b.saveWorkspace(ws2);
+      if (ws2) await electron$c.saveWorkspace(ws2);
     }
-    await electron$b.saveEnvironment(newRelPath, env);
+    await electron$c.saveEnvironment(newRelPath, env);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     pendingEncryptIdx !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -51865,7 +51886,7 @@ function EnvironmentEditor({ onClose }) {
     )
   ] });
 }
-const { electron: electron$a } = window;
+const { electron: electron$b } = window;
 function EnvironmentBar({ inline = false }) {
   const environments = useStore((s) => s.environments);
   const activeEnvironmentId = useStore((s) => s.activeEnvironmentId);
@@ -51879,7 +51900,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$a.checkMasterKey();
+        const { set: set2 } = await electron$b.checkMasterKey();
         if (!set2) {
           setPendingEnvId(id2);
           return;
@@ -51933,7 +51954,7 @@ function EnvironmentBar({ inline = false }) {
     controls
   ] });
 }
-const { electron: electron$9 } = window;
+const { electron: electron$a } = window;
 const DEFAULT_PII_PATTERNS = ["authorization", "password", "token", "secret", "api-key", "x-api-key"];
 function WorkspaceSettingsModal({ onClose }) {
   const workspace = useStore((s) => s.workspace);
@@ -51979,7 +52000,7 @@ function WorkspaceSettingsModal({ onClose }) {
     settings.piiMaskPatterns = patterns;
     updateWorkspaceSettings(settings);
     const updated = useStore.getState().workspace;
-    if (updated) await electron$9.saveWorkspace(updated);
+    if (updated) await electron$a.saveWorkspace(updated);
     onClose();
   }
   const tabs = [
@@ -52177,7 +52198,7 @@ function WorkspaceSettingsModal({ onClose }) {
     }
   );
 }
-const { electron: electron$8 } = window;
+const { electron: electron$9 } = window;
 function DocsGeneratorModal({ onClose }) {
   const collections = useStore((s) => s.collections);
   const collectionList = Object.values(collections);
@@ -52206,9 +52227,9 @@ function DocsGeneratorModal({ onClose }) {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$8.generateDocs(buildPayload());
+      const content2 = await electron$9.generateDocs(buildPayload());
       const filename = format2 === "html" ? "api-docs.html" : "api-docs.md";
-      await electron$8.saveResults(content2, filename);
+      await electron$9.saveResults(content2, filename);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -52219,7 +52240,7 @@ function DocsGeneratorModal({ onClose }) {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$8.generateDocs(buildPayload());
+      const content2 = await electron$9.generateDocs(buildPayload());
       setPreview(content2);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -52335,7 +52356,7 @@ function DocsGeneratorModal({ onClose }) {
     ] })
   ] }) });
 }
-const { electron: electron$7 } = window;
+const { electron: electron$8 } = window;
 const OPTIONS = [
   { id: "postman", label: "Postman", description: "Collection v2.1 JSON" },
   { id: "openapi", label: "OpenAPI", description: "JSON or YAML (v3.x)", supportsUrl: true },
@@ -52353,10 +52374,10 @@ function ImportModal({ onImport, onClose }) {
     setError(null);
     try {
       let col = null;
-      if (opt.id === "postman") col = await electron$7.importPostman();
-      if (opt.id === "openapi") col = await electron$7.importOpenApi();
-      if (opt.id === "insomnia") col = await electron$7.importInsomnia();
-      if (opt.id === "bruno") col = await electron$7.importBruno();
+      if (opt.id === "postman") col = await electron$8.importPostman();
+      if (opt.id === "openapi") col = await electron$8.importOpenApi();
+      if (opt.id === "insomnia") col = await electron$8.importInsomnia();
+      if (opt.id === "bruno") col = await electron$8.importBruno();
       onImport(col);
       onClose();
     } catch (err) {
@@ -52371,7 +52392,7 @@ function ImportModal({ onImport, onClose }) {
     setLoading(true);
     setError(null);
     try {
-      const col = await electron$7.importOpenApiFromUrl(trimmed);
+      const col = await electron$8.importOpenApiFromUrl(trimmed);
       onImport(col);
       onClose();
     } catch (err) {
@@ -52466,7 +52487,7 @@ function ImportModal({ onImport, onClose }) {
     }
   ) });
 }
-const { electron: electron$6 } = window;
+const { electron: electron$7 } = window;
 const ZOOM_STEPS = [0.75, 0.9, 1, 1.1, 1.25, 1.5];
 function PreferencesPopover() {
   const theme2 = useStore((s) => s.theme);
@@ -52572,13 +52593,13 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
     try {
       for (const { relPath, data, dirty } of Object.values(collections)) {
         if (!dirty) continue;
-        await electron$6.saveCollection(relPath, data);
+        await electron$7.saveCollection(relPath, data);
         markCollectionClean(data.id);
       }
       for (const { relPath, data } of Object.values(environments)) {
-        await electron$6.saveEnvironment(relPath, data);
+        await electron$7.saveEnvironment(relPath, data);
       }
-      if (workspace) await electron$6.saveWorkspace(workspace);
+      if (workspace) await electron$7.saveWorkspace(workspace);
     } finally {
       setSaving(false);
     }
@@ -52586,14 +52607,14 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
   async function afterImport(col) {
     if (!col) return;
     const relPath = colRelPath(col.name, col.id);
-    await electron$6.saveCollection(relPath, col);
+    await electron$7.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$6.saveWorkspace(updated);
+      await electron$7.saveWorkspace(updated);
     }
   }
   if (!workspace) return null;
@@ -52659,7 +52680,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$6.openWorkspace();
+              const result = await electron$7.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",
@@ -52671,7 +52692,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$6.newWorkspace();
+              const result = await electron$7.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",
@@ -52683,7 +52704,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              await electron$6.closeWorkspace();
+              await electron$7.closeWorkspace();
               closeWorkspace();
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -53080,7 +53101,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$5 } = window;
+const { electron: electron$6 } = window;
 function collectRequests(collectionId, folderId, filterTags) {
   const state = useStore.getState();
   const col = state.collections[collectionId]?.data;
@@ -53176,13 +53197,13 @@ function RunnerModal() {
     setSummary(null);
     setRunnerRunning(true);
     progressIdxRef.current = 0;
-    electron$5.onRunProgress((result) => {
+    electron$6.onRunProgress((result) => {
       const idx = progressIdxRef.current;
       patchRunnerResult(idx, result);
       if (result.status !== "running") progressIdxRef.current++;
     });
     try {
-      const s = await electron$5.runCollection({
+      const s = await electron$6.runCollection({
         items: items2,
         environment: env,
         globals,
@@ -53193,7 +53214,7 @@ function RunnerModal() {
       });
       setSummary(s);
     } finally {
-      electron$5.offRunProgress();
+      electron$6.offRunProgress();
       setRunnerRunning(false);
     }
   }, [collectionId, folderId, filterTags, selectedEnvId, environments, globals, colEntry, requestDelay, workspaceSettings, setRunnerResults, patchRunnerResult, setRunnerRunning]);
@@ -53406,7 +53427,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$5.saveResults(content2, `spector-results.${ext}`);
+                      electron$6.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"
@@ -53624,7 +53645,7 @@ function CollectionPanel() {
     ] })
   ] });
 }
-const { electron: electron$4 } = window;
+const { electron: electron$5 } = window;
 function MockPanel() {
   const mocks = useStore((s) => s.mocks);
   const activeMockId = useStore((s) => s.activeMockId);
@@ -53632,16 +53653,25 @@ function MockPanel() {
   const addMock = useStore((s) => s.addMock);
   const deleteMock = useStore((s) => s.deleteMock);
   const setRunning = useStore((s) => s.setMockRunning);
+  const recorderOpen = useStore((s) => s.recorderOpen);
+  const recorderRunning = useStore((s) => s.recorderRunning);
+  const recorderUpstream = useStore((s) => s.recorderUpstream);
+  const recorderPort = useStore((s) => s.recorderPort);
+  const setRecorderOpen = useStore((s) => s.setRecorderOpen);
+  const setRecorderRunning = useStore((s) => s.setRecorderRunning);
+  const setRecorderUpstream = useStore((s) => s.setRecorderUpstream);
+  const setRecorderPort = useStore((s) => s.setRecorderPort);
+  const [recorderError, setRecorderError] = reactExports.useState("");
   const mockList = Object.values(mocks);
   async function handleAddMock() {
     addMock();
     const ws2 = useStore.getState().workspace;
-    if (ws2) await electron$4.saveWorkspace(ws2);
+    if (ws2) await electron$5.saveWorkspace(ws2);
     const state = useStore.getState();
     const newId = state.activeMockId;
     if (newId) {
       const entry = state.mocks[newId];
-      await electron$4.saveMock(entry.relPath, entry.data);
+      await electron$5.saveMock(entry.relPath, entry.data);
       setActiveMock(newId);
     }
   }
@@ -53649,10 +53679,19 @@ function MockPanel() {
     e.stopPropagation();
     const entry = useStore.getState().mocks[mockId];
     if (!entry) return;
-    if (entry.running) await electron$4.mockStop(mockId);
+    if (entry.running) await electron$5.mockStop(mockId);
     deleteMock(mockId);
     const ws2 = useStore.getState().workspace;
-    if (ws2) await electron$4.saveWorkspace(ws2);
+    if (ws2) await electron$5.saveWorkspace(ws2);
+  }
+  async function handleStartRecorder() {
+    setRecorderError("");
+    try {
+      await electron$5.recordStart({ upstream: recorderUpstream, port: recorderPort });
+      setRecorderRunning(true);
+    } catch (err) {
+      setRecorderError(err instanceof Error ? err.message : String(err));
+    }
   }
   async function toggleRunning(e, mockId) {
     e.stopPropagation();
@@ -53660,18 +53699,75 @@ function MockPanel() {
     if (!entry) return;
     try {
       if (entry.running) {
-        await electron$4.mockStop(mockId);
+        await electron$5.mockStop(mockId);
         setRunning(mockId, false);
       } else {
         const latest2 = useStore.getState().mocks[mockId].data;
-        await electron$4.saveMock(entry.relPath, latest2);
-        await electron$4.mockStart(latest2);
+        await electron$5.saveMock(entry.relPath, latest2);
+        await electron$5.mockStart(latest2);
         setRunning(mockId, true);
       }
     } catch {
     }
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b border-surface-800 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: () => setRecorderOpen(!recorderOpen),
+          className: "w-full flex items-center justify-between px-3 py-2 hover:bg-surface-800/40 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
+              recorderRunning && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500 animate-pulse" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-surface-600", children: "Recorder" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-600", children: recorderOpen ? "▲" : "▼" })
+          ]
+        }
+      ),
+      recorderOpen && !recorderRunning && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 pb-3 flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] text-surface-500", children: "Upstream URL" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              value: recorderUpstream,
+              onChange: (e) => setRecorderUpstream(e.target.value),
+              placeholder: "https://api.example.com",
+              className: "w-full bg-surface-900 border border-surface-700 rounded px-2 py-1 text-[11px] text-surface-100 placeholder-surface-600 focus:outline-none focus:border-blue-500"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] text-surface-500", children: "Local port" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: "number",
+              value: recorderPort,
+              onChange: (e) => setRecorderPort(Number(e.target.value)),
+              className: "w-full bg-surface-900 border border-surface-700 rounded px-2 py-1 text-[11px] text-surface-100 focus:outline-none focus:border-blue-500"
+            }
+          )
+        ] }),
+        recorderError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-red-400", children: recorderError }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: handleStartRecorder,
+            disabled: !recorderUpstream,
+            className: "w-full py-1 rounded text-[11px] bg-red-900/40 text-red-400 hover:bg-red-800/50 transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+            children: "⏺ Start recording"
+          }
+        )
+      ] }),
+      recorderOpen && recorderRunning && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 pb-2 text-[10px] text-surface-400", children: [
+        "Recording → ",
+        recorderUpstream,
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 text-surface-600", children: "(open panel to manage)" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 flex items-center justify-between border-b border-surface-800 flex-shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-surface-600", children: "Mock Servers" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -53741,7 +53837,7 @@ function MockPanel() {
     }) })
   ] });
 }
-const { electron: electron$3 } = window;
+const { electron: electron$4 } = window;
 const METHODS_PLUS_ANY = ["ANY", "GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
 function RouteRow({
   route,
@@ -54143,20 +54239,20 @@ function MockDetailPanel({ mockId }) {
   const routes = mock.routes ?? [];
   async function save(updated) {
     updateMock(mock.id, updated);
-    await electron$3.saveMock(entry.relPath, updated);
-    if (running) await electron$3.mockUpdateRoutes(mock.id, updated.routes ?? []);
-    if (workspace) await electron$3.saveWorkspace(workspace);
+    await electron$4.saveMock(entry.relPath, updated);
+    if (running) await electron$4.mockUpdateRoutes(mock.id, updated.routes ?? []);
+    if (workspace) await electron$4.saveWorkspace(workspace);
   }
   async function toggleRunning() {
     setError(null);
     try {
       if (running) {
-        await electron$3.mockStop(mock.id);
+        await electron$4.mockStop(mock.id);
         setRunning(mock.id, false);
       } else {
         const latest2 = useStore.getState().mocks[mock.id].data;
-        await electron$3.saveMock(entry.relPath, latest2);
-        await electron$3.mockStart(latest2);
+        await electron$4.saveMock(entry.relPath, latest2);
+        await electron$4.mockStart(latest2);
         setRunning(mock.id, true);
       }
     } catch (e) {
@@ -54269,7 +54365,7 @@ function MockDetailPanel({ mockId }) {
           "button",
           {
             onClick: () => {
-              if (running) electron$3.mockStop(mock.id);
+              if (running) electron$4.mockStop(mock.id);
               deleteMock(mock.id);
               setActive2(null);
             },
@@ -54336,6 +54432,250 @@ function MockDetailPanel({ mockId }) {
     ] })
   ] });
 }
+const { electron: electron$3 } = window;
+function statusColor$1(status) {
+  if (status === 0) return "text-yellow-400";
+  if (status < 300) return "text-emerald-400";
+  if (status < 400) return "text-blue-400";
+  return "text-red-400";
+}
+function methodColor(method) {
+  switch (method.toUpperCase()) {
+    case "GET":
+      return "text-emerald-400";
+    case "POST":
+      return "text-blue-400";
+    case "PUT":
+    case "PATCH":
+      return "text-yellow-400";
+    case "DELETE":
+      return "text-red-400";
+    default:
+      return "text-surface-300";
+  }
+}
+function RecorderPanel({ onImportMock, onClose, defaultTargetMockId }) {
+  const [entries, setEntries] = reactExports.useState([]);
+  const [selected, setSelected] = reactExports.useState(null);
+  const [stopped, setStopped] = reactExports.useState(false);
+  const [session, setSession] = reactExports.useState(null);
+  const [importing, setImporting] = reactExports.useState(false);
+  const [importTarget, setImportTarget] = reactExports.useState(defaultTargetMockId || "new");
+  const listRef = reactExports.useRef(null);
+  const upstream = useStore((s) => s.recorderUpstream);
+  const mockList = Object.values(useStore((s) => s.mocks));
+  reactExports.useEffect(() => {
+    electron$3.onRecordHit((entry) => {
+      setEntries((prev) => {
+        const next = [...prev, entry];
+        setTimeout(() => {
+          if (listRef.current) listRef.current.scrollTop = listRef.current.scrollHeight;
+        }, 0);
+        return next;
+      });
+    });
+    return () => {
+      electron$3.offRecordHit();
+    };
+  }, []);
+  async function handleStop() {
+    try {
+      const s = await electron$3.recordStop();
+      setSession(s);
+      setStopped(true);
+    } catch {
+    }
+  }
+  async function handleImport() {
+    if (!session) return;
+    setImporting(true);
+    try {
+      await onImportMock(session, importTarget === "new" ? null : importTarget);
+    } finally {
+      setImporting(false);
+    }
+  }
+  const total = entries.length;
+  const errors2 = entries.filter((e) => e.response.status === 0 || e.response.status >= 400).length;
+  const avgMs = total > 0 ? Math.round(entries.reduce((s, e) => s + e.durationMs, 0) / total) : 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-surface-950 text-surface-200 min-h-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-surface-800 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        !stopped && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 h-2 rounded-full bg-red-500 animate-pulse" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-surface-100", children: stopped ? "Recording stopped" : "Recording…" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] font-mono text-surface-400 truncate max-w-[260px]", children: [
+          "→ ",
+          upstream
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: !stopped ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: handleStop,
+          className: "px-2.5 py-1 rounded text-[11px] bg-red-900/40 text-red-400 hover:bg-red-800/50 transition-colors",
+          children: "■ Stop"
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        session && session.entries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "select",
+            {
+              value: importTarget,
+              onChange: (e) => setImportTarget(e.target.value),
+              className: "bg-surface-800 border border-surface-700 rounded px-2 py-1 text-[11px] text-surface-200 focus:outline-none focus:border-blue-500",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "new", children: "— New mock server —" }),
+                mockList.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: entry.data.id, children: entry.data.name }, entry.data.id))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: handleImport,
+              disabled: importing,
+              className: "px-2.5 py-1 rounded text-[11px] bg-blue-600 text-white hover:bg-blue-500 transition-colors disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap",
+              children: importing ? "Importing…" : "⧉ Import"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: onClose,
+            className: "px-2.5 py-1 rounded text-[11px] text-surface-500 hover:text-surface-300 transition-colors",
+            children: "✕ Close"
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-4 px-4 py-1.5 border-b border-surface-800/50 flex-shrink-0 text-[11px]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400", children: [
+        "Requests: ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-200 font-medium", children: total })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400", children: [
+        "Errors: ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: errors2 > 0 ? "text-red-400 font-medium" : "text-surface-200 font-medium", children: errors2 })
+      ] }),
+      total > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400", children: [
+        "Avg: ",
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-200 font-medium", children: [
+          avgMs,
+          "ms"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 min-h-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          ref: listRef,
+          className: "w-72 flex-shrink-0 overflow-y-auto border-r border-surface-800",
+          children: entries.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-surface-500 text-xs gap-2 p-4 text-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-2xl opacity-30", children: "⏺" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Waiting for requests…" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px]", children: [
+              "Point your app at http://localhost:",
+              useStore.getState().recorderPort
+            ] })
+          ] }) : entries.map((entry) => {
+            const active = selected?.id === entry.id;
+            const sc = statusColor$1(entry.response.status);
+            const mc = methodColor(entry.request.method);
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                onClick: () => setSelected(entry),
+                className: `w-full flex items-center gap-2 px-3 py-2 text-left border-b border-surface-800/40 transition-colors text-[11px] ${active ? "bg-surface-800" : "hover:bg-surface-800/50"}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono font-bold w-12 shrink-0 ${mc}`, children: entry.request.method }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-surface-200 font-mono", children: entry.request.path }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono font-semibold shrink-0 ${sc}`, children: entry.response.status || "ERR" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500 shrink-0 w-10 text-right", children: [
+                    entry.durationMs,
+                    "ms"
+                  ] })
+                ]
+              },
+              entry.id
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto p-4 min-w-0", children: !selected ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-surface-500 text-xs", children: "Select a request to inspect" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntryDetail, { entry: selected }) })
+    ] })
+  ] });
+}
+function EntryDetail({ entry }) {
+  const [tab, setTab] = reactExports.useState("request");
+  const mc = methodColor(entry.request.method);
+  const sc = statusColor$1(entry.response.status);
+  const prettyBody = (raw) => {
+    if (!raw) return "";
+    if (raw.startsWith("base64:")) return "[binary content — base64 encoded]";
+    try {
+      return JSON.stringify(JSON.parse(raw), null, 2);
+    } catch {
+      return raw;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 text-[12px]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono font-bold ${mc}`, children: entry.request.method }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-surface-100 break-all", children: entry.request.path }),
+      Object.keys(entry.request.query).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-surface-400 break-all", children: [
+        "?",
+        new URLSearchParams(entry.request.query).toString()
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `font-mono font-semibold ml-auto ${sc}`, children: [
+        entry.response.status || "ERR",
+        " ",
+        entry.response.statusText
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500", children: [
+        entry.durationMs,
+        "ms"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500", children: entry.timestamp }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex border-b border-surface-800", children: ["request", "response"].map((t2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: () => setTab(t2),
+        className: `px-3 py-1.5 text-[11px] capitalize transition-colors border-b-2 -mb-px ${tab === t2 ? "border-blue-500 text-blue-300" : "border-transparent text-surface-400 hover:text-surface-200"}`,
+        children: t2
+      },
+      t2
+    )) }),
+    tab === "request" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { label: "Headers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeadersTable, { headers: entry.request.headers }) }),
+      entry.request.body && /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { label: "Body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-[11px] whitespace-pre-wrap break-all text-surface-200 bg-surface-900 border border-surface-700 rounded p-3 max-h-72 overflow-y-auto", children: prettyBody(entry.request.body) }) })
+    ] }),
+    tab === "response" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { label: "Headers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeadersTable, { headers: entry.response.headers }) }),
+      entry.response.body && /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { label: "Body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-[11px] whitespace-pre-wrap break-all text-surface-200 bg-surface-900 border border-surface-700 rounded p-3 max-h-72 overflow-y-auto", children: prettyBody(entry.response.body) }) }),
+      entry.response.binary && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-yellow-400", children: "Binary response — body stored as base64" })
+    ] })
+  ] });
+}
+function Section({ label, children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-surface-500", children: label }),
+    children
+  ] });
+}
+function HeadersTable({ headers }) {
+  const entries = Object.entries(headers);
+  if (entries.length === 0) return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 text-[11px]", children: "none" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-[11px] flex flex-col gap-0.5", children: entries.map(([k, v]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 min-w-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-300 shrink-0", children: [
+      k,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 break-all", children: v })
+  ] }, k)) });
+}
 const { electron: electron$2 } = window;
 function ContractPanel() {
   const collections = useStore((s) => s.collections);
@@ -54594,7 +54934,7 @@ function StatusBadge({ status }) {
 function DiffViewer({ diff }) {
   if (!diff) return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 p-3", children: "No changes." });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-[11px] font-mono overflow-auto p-3 leading-relaxed", children: diff.split("\n").map((line, i) => {
-    const cls = line.startsWith("+") && !line.startsWith("+++") ? "text-emerald-400" : line.startsWith("-") && !line.startsWith("---") ? "text-red-400" : line.startsWith("@@") ? "text-blue-400" : "text-surface-400";
+    const cls = line.startsWith("<<<<<<<") ? "text-red-400 font-bold bg-red-900/20" : line.startsWith("=======") ? "text-amber-400 font-bold bg-amber-900/20" : line.startsWith(">>>>>>>") ? "text-blue-400 font-bold bg-blue-900/20" : line.startsWith("+") && !line.startsWith("+++") ? "text-emerald-400" : line.startsWith("-") && !line.startsWith("---") ? "text-red-400" : line.startsWith("@@") ? "text-blue-400" : "text-surface-400";
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cls, children: line || " " }, i);
   }) });
 }
@@ -54676,6 +55016,17 @@ function ChangesTab({ status, onRefresh }) {
       setPushing(false);
     }
   }
+  async function resolveConflict(path, mode) {
+    try {
+      if (mode === "ours") await electron$1.gitResolveOurs(path);
+      else if (mode === "theirs") await electron$1.gitResolveTheirs(path);
+      else await electron$1.gitMarkResolved(path);
+      if (diffFile === path) setDiffFile(null);
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
   const allUnstaged = [...status.unstaged, ...status.untracked];
   const hasStaged = status.staged.length > 0;
   const needsPush = status.ahead > 0;
@@ -54730,6 +55081,13 @@ function ChangesTab({ status, onRefresh }) {
         }
       )
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-3 mt-2 px-2 py-1 rounded text-[11px] text-surface-600 border border-surface-800 flex-shrink-0", children: "✓ Nothing to push" })),
+    status.conflicted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-3 mt-2 px-2 py-1.5 rounded text-[11px] bg-red-900/20 text-red-300 border border-red-800/40 flex-shrink-0", children: [
+      "⚠ ",
+      status.conflicted.length,
+      " merge conflict",
+      status.conflicted.length !== 1 ? "s" : "",
+      " — resolve below before committing"
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Toast, { toast }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto", children: [
       hasStaged && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
@@ -54814,7 +55172,64 @@ function ChangesTab({ status, onRefresh }) {
           f.path
         ))
       ] }),
-      status.staged.length === 0 && allUnstaged.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "Working tree clean." })
+      status.conflicted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] uppercase tracking-widest text-red-400 font-semibold", children: [
+          "Conflicts (",
+          status.conflicted.length,
+          ")"
+        ] }) }),
+        status.conflicted.map((path) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: `flex items-center gap-2 px-3 py-1 hover:bg-surface-800/50 cursor-pointer group text-xs ${diffFile === path && !diffStaged ? "bg-surface-800" : ""}`,
+            onClick: () => showDiff({ path, status: "modified" }, false),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-[11px] font-bold w-4 shrink-0 text-red-400", children: "!" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-red-300", children: path }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-all", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      resolveConflict(path, "ours");
+                    },
+                    className: "text-[10px] px-1.5 py-0.5 rounded bg-surface-700 text-surface-300 hover:bg-emerald-900/50 hover:text-emerald-300 transition-colors",
+                    title: "Accept ours (current branch)",
+                    children: "Ours"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      resolveConflict(path, "theirs");
+                    },
+                    className: "text-[10px] px-1.5 py-0.5 rounded bg-surface-700 text-surface-300 hover:bg-blue-900/50 hover:text-blue-300 transition-colors",
+                    title: "Accept theirs (incoming)",
+                    children: "Theirs"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      resolveConflict(path, "mark");
+                    },
+                    className: "text-[10px] px-1.5 py-0.5 rounded bg-surface-700 text-surface-300 hover:bg-surface-600 transition-colors",
+                    title: "Mark as resolved (manual edit)",
+                    children: "✓"
+                  }
+                )
+              ] })
+            ]
+          },
+          path
+        ))
+      ] }),
+      status.staged.length === 0 && allUnstaged.length === 0 && status.conflicted.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "Working tree clean." })
     ] }),
     diffFile && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-surface-800 flex flex-col max-h-48 min-h-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-1 flex items-center justify-between flex-shrink-0 border-b border-surface-800", children: [
@@ -55578,6 +55993,12 @@ function App() {
   const addCollection = useStore((s) => s.addCollection);
   const addMockHit = useStore((s) => s.addMockHit);
   const activeMockId = useStore((s) => s.activeMockId);
+  const recorderRunning = useStore((s) => s.recorderRunning);
+  const recorderTargetMockId = useStore((s) => s.recorderTargetMockId);
+  const setRecorderRunning = useStore((s) => s.setRecorderRunning);
+  const loadMock = useStore((s) => s.loadMock);
+  const setActiveMockId = useStore((s) => s.setActiveMockId);
+  const updateMock = useStore((s) => s.updateMock);
   const theme2 = useStore((s) => s.theme);
   const setCommandPaletteOpen = useStore((s) => s.setCommandPaletteOpen);
   const setWsStatus = useStore((s) => s.setWsStatus);
@@ -55639,7 +56060,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.1.2"
+        "0.1.3"
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Toolbar, { onOpenDocs: () => setDocsModalOpen(true) }),
@@ -55756,7 +56177,41 @@ function App() {
             tab.id
           );
         }) }),
-        sidebarTab === "contracts" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ContractResultsPanel, {}) }) : sidebarTab === "mocks" && activeMockId ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MockDetailPanel, { mockId: activeMockId }) }) : activeRequest ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex min-h-0", children: [
+        sidebarTab === "contracts" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ContractResultsPanel, {}) }) : sidebarTab === "mocks" && recorderRunning ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          RecorderPanel,
+          {
+            defaultTargetMockId: recorderTargetMockId,
+            onClose: () => setRecorderRunning(false),
+            onImportMock: async (session, targetMockId) => {
+              const name2 = `Recorded — ${new URL(session.upstream).hostname}`;
+              const newRoutes = await electron.recordToMock(session.entries, session.upstream, name2, session.port);
+              if (targetMockId) {
+                const existing = useStore.getState().mocks[targetMockId];
+                if (existing) {
+                  const existingKeys = new Set(existing.data.routes.map((r) => `${r.method}:${r.path}`));
+                  const toAdd = newRoutes.routes.filter((r) => !existingKeys.has(`${r.method}:${r.path}`));
+                  const updated = { ...existing.data, routes: [...existing.data.routes, ...toAdd] };
+                  updateMock(targetMockId, updated);
+                  await electron.saveMock(existing.relPath, updated);
+                  setActiveMockId(targetMockId);
+                  setRecorderRunning(false);
+                }
+              } else {
+                const relPath = `mocks/${newRoutes.id}.mock.json`;
+                loadMock(relPath, newRoutes);
+                await electron.saveMock(relPath, newRoutes);
+                const ws2 = useStore.getState().workspace;
+                if (ws2) {
+                  if (!ws2.mocks) ws2.mocks = [];
+                  ws2.mocks.push(relPath);
+                  await electron.saveWorkspace(ws2);
+                }
+                setActiveMockId(newRoutes.id);
+                setRecorderRunning(false);
+              }
+            }
+          }
+        ) }) : sidebarTab === "mocks" && activeMockId ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MockDetailPanel, { mockId: activeMockId }) }) : activeRequest ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex min-h-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequestBuilder, { request: activeRequest }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",