@testsmith/api-spector 0.0.9 → 0.1.1

package/out/renderer/assets/{index-C67sPzTG.js → index-B7b-1sj6.js}

@@ -13374,6 +13374,14 @@ function removeFolderById(parent, folderId) {
   }
   return false;
 }
+function findFolderParent(root2, folderId) {
+  for (const sub of root2.folders) {
+    if (sub.id === folderId) return root2;
+    const found = findFolderParent(sub, folderId);
+    if (found) return found;
+  }
+  return null;
+}
 function findFolderPath(root2, requestId) {
   if (root2.requestIds.includes(requestId)) return [root2];
   for (const sub of root2.folders) {
@@ -13579,6 +13587,34 @@ const useStore = create()(
         s.workspace.collections = s.workspace.collections.map((p) => p === oldRelPath ? newRelPath : p);
       }
     }),
+    duplicateCollection: (id2) => set2((s) => {
+      const entry = s.collections[id2];
+      if (!entry) return;
+      const orig = entry.data;
+      const existingNames = Object.values(s.collections).map((c) => c.data.name);
+      const newName = uniqueName(orig.name + " (copy)", existingNames);
+      const newId = v4();
+      const copy = JSON.parse(JSON.stringify(orig));
+      copy.id = newId;
+      copy.name = newName;
+      const reqIdMap = {};
+      Object.keys(copy.requests).forEach((oldReqId) => {
+        const newReqId = v4();
+        reqIdMap[oldReqId] = newReqId;
+        copy.requests[newReqId] = { ...copy.requests[oldReqId], id: newReqId };
+        delete copy.requests[oldReqId];
+      });
+      function remapFolder(f) {
+        f.id = v4();
+        f.requestIds = f.requestIds.map((rid) => reqIdMap[rid] ?? rid);
+        f.folders.forEach(remapFolder);
+      }
+      remapFolder(copy.rootFolder);
+      const relPath = colRelPath(newName, newId);
+      s.collections[newId] = { relPath, data: copy, dirty: true };
+      s.activeCollectionId = newId;
+      if (s.workspace) s.workspace.collections.push(relPath);
+    }),
     deleteCollection: (id2) => set2((s) => {
       const relPath = s.collections[id2]?.relPath;
       delete s.collections[id2];
@@ -13625,6 +13661,32 @@ const useStore = create()(
         s.collections[collectionId].dirty = true;
       }
     }),
+    duplicateFolder: (collectionId, folderId) => set2((s) => {
+      const col = s.collections[collectionId]?.data;
+      if (!col) return;
+      const orig = findFolder(col.rootFolder, folderId);
+      if (!orig) return;
+      const copy = JSON.parse(JSON.stringify(orig));
+      copy.name = orig.name + " (copy)";
+      function remapRequests(f) {
+        f.requestIds = f.requestIds.map((oldId) => {
+          const newId = v4();
+          col.requests[newId] = { ...JSON.parse(JSON.stringify(col.requests[oldId])), id: newId };
+          return newId;
+        });
+        f.folders.forEach(remapRequests);
+      }
+      remapRequests(copy);
+      function reIdFolders(f) {
+        f.id = v4();
+        f.folders.forEach(reIdFolders);
+      }
+      reIdFolders(copy);
+      const parent = findFolderParent(col.rootFolder, folderId) ?? col.rootFolder;
+      const idx = parent.folders.findIndex((f) => f.id === folderId);
+      parent.folders.splice(idx + 1, 0, copy);
+      s.collections[collectionId].dirty = true;
+    }),
     deleteFolder: (collectionId, folderId) => set2((s) => {
       const col = s.collections[collectionId]?.data;
       if (!col) return;
@@ -13921,7 +13983,7 @@ const useStore = create()(
     })
   }))
 );
-const { electron: electron$l } = window;
+const { electron: electron$m } = window;
 function useAutoSave() {
   const collections = useStore((s) => s.collections);
   useStore((s) => s.environments);
@@ -13937,7 +13999,7 @@ function useAutoSave() {
       for (const { relPath, data, dirty } of dirtyCollections) {
         if (!dirty) continue;
         try {
-          await electron$l.saveCollection(relPath, data);
+          await electron$m.saveCollection(relPath, data);
           markCollectionClean(data.id);
         } catch (e) {
           console.error("Auto-save failed for", relPath, e);
@@ -13953,7 +14015,7 @@ function useAutoSave() {
     if (wsTimerRef.current) clearTimeout(wsTimerRef.current);
     wsTimerRef.current = setTimeout(async () => {
       try {
-        await electron$l.saveWorkspace(workspace);
+        await electron$m.saveWorkspace(workspace);
       } catch {
       }
     }, 300);
@@ -13962,7 +14024,7 @@ function useAutoSave() {
     };
   }, [workspace]);
 }
-const { electron: electron$k } = window;
+const { electron: electron$l } = window;
 function useWorkspaceLoader() {
   const loadCollection = useStore((s) => s.loadCollection);
   const loadEnvironment = useStore((s) => s.loadEnvironment);
@@ -13981,28 +14043,28 @@ function useWorkspaceLoader() {
     });
     for (const colPath of ws2.collections) {
       try {
-        const col = await electron$k.loadCollection(colPath);
+        const col = await electron$l.loadCollection(colPath);
         loadCollection(colPath, col);
       } catch {
       }
     }
     for (const envPath of ws2.environments) {
       try {
-        const env = await electron$k.loadEnvironment(envPath);
+        const env = await electron$l.loadEnvironment(envPath);
         loadEnvironment(envPath, env);
       } catch {
       }
     }
     for (const relPath of ws2.mocks ?? []) {
       try {
-        const mockData = await electron$k.loadMock(relPath);
+        const mockData = await electron$l.loadMock(relPath);
         loadMock(relPath, mockData);
       } catch {
       }
     }
     if (ws2.collections.length > 0) {
       try {
-        const firstCol = await electron$k.loadCollection(ws2.collections[0]);
+        const firstCol = await electron$l.loadCollection(ws2.collections[0]);
         setActiveCollection(firstCol.id);
       } catch {
       }
@@ -39703,6 +39765,33 @@ const FAKER_SUB = {
     { label: "words", type: "function", detail: "(count)", info: "Multiple lorem words" },
     { label: "sentence", type: "function", detail: "()", info: "Lorem sentence" },
     { label: "paragraph", type: "function", detail: "()", info: "Lorem paragraph" }
+  ],
+  location: [
+    { label: "city", type: "function", detail: "()", info: "Random city name" },
+    { label: "country", type: "function", detail: "()", info: "Random country name" },
+    { label: "countryCode", type: "function", detail: "()", info: "Two-letter country code" },
+    { label: "state", type: "function", detail: "()", info: "US state name" },
+    { label: "streetAddress", type: "function", detail: "()", info: "Street address" },
+    { label: "zipCode", type: "function", detail: "()", info: "ZIP / postal code" },
+    { label: "latitude", type: "function", detail: "()", info: "Random latitude" },
+    { label: "longitude", type: "function", detail: "()", info: "Random longitude" }
+  ],
+  finance: [
+    { label: "iban", type: "function", detail: "()", info: "IBAN number" },
+    { label: "bic", type: "function", detail: "()", info: "BIC / SWIFT code" },
+    { label: "accountNumber", type: "function", detail: "()", info: "Bank account number" },
+    { label: "amount", type: "function", detail: "({ min, max })", info: "Random monetary amount" },
+    { label: "currencyCode", type: "function", detail: "()", info: "Currency code (USD, EUR, …)" },
+    { label: "currencyName", type: "function", detail: "()", info: "Currency name" },
+    { label: "creditCardNumber", type: "function", detail: "()", info: "Credit card number" },
+    { label: "pin", type: "function", detail: "()", info: "Numeric PIN" },
+    { label: "bitcoinAddress", type: "function", detail: "()", info: "Bitcoin address" }
+  ],
+  color: [
+    { label: "human", type: "function", detail: "()", info: 'Human-readable color name (e.g. "red")' },
+    { label: "hex", type: "function", detail: "()", info: "Hex color string (e.g. #a3f1c2)" },
+    { label: "rgb", type: "function", detail: "()", info: "CSS rgb() string" },
+    { label: "hsl", type: "function", detail: "()", info: "CSS hsl() string" }
   ]
 };
 function makeAtCompletionSource(varNames) {
@@ -40949,6 +41038,8 @@ function CollectionTree() {
   const renameRequest = useStore((s) => s.renameRequest);
   const deleteRequest = useStore((s) => s.deleteRequest);
   const duplicateRequest = useStore((s) => s.duplicateRequest);
+  const duplicateCollection = useStore((s) => s.duplicateCollection);
+  const duplicateFolder = useStore((s) => s.duplicateFolder);
   const updateFolderTags = useStore((s) => s.updateFolderTags);
   const updateRequestTags = useStore((s) => s.updateRequestTags);
   const openRunner = useStore((s) => s.openRunner);
@@ -40983,8 +41074,10 @@ function CollectionTree() {
           onAddFolder: (parentId, name2) => addFolder(col.id, parentId, name2),
           onRenameCollection: (name2) => renameCollection(col.id, name2),
           onDeleteCollection: () => confirmThen(`Delete collection "${col.name}"?`, () => deleteCollection(col.id)),
+          onDuplicateCollection: () => duplicateCollection(col.id),
           onRenameFolder: (folderId, name2) => renameFolder(col.id, folderId, name2),
           onDeleteFolder: (folderId) => confirmThen("Delete this folder and all its requests?", () => deleteFolder(col.id, folderId)),
+          onDuplicateFolder: (folderId) => duplicateFolder(col.id, folderId),
           onRenameRequest: renameRequest,
           onDeleteRequest: (reqId) => deleteRequest(col.id, reqId),
           onDuplicateRequest: (reqId) => duplicateRequest(col.id, reqId),
@@ -41014,8 +41107,10 @@ function CollectionNode({
   onAddFolder,
   onRenameCollection,
   onDeleteCollection,
+  onDuplicateCollection,
   onRenameFolder,
   onDeleteFolder,
+  onDuplicateFolder,
   onRenameRequest,
   onDeleteRequest,
   onDuplicateRequest,
@@ -41070,6 +41165,7 @@ function CollectionNode({
             /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add request", onClick: () => onAddRequest(col.rootFolder.id), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "+" }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add folder", onClick: () => onAddFolder(col.rootFolder.id, "New Folder"), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, {}) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Rename", onClick: () => setRenaming(true), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Duplicate collection", onClick: onDuplicateCollection, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Delete collection", onClick: onDeleteCollection, danger: true, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
           ] })
         ]
@@ -41089,6 +41185,7 @@ function CollectionNode({
         onAddFolder,
         onRenameFolder,
         onDeleteFolder,
+        onDuplicateFolder,
         onRenameRequest,
         onDeleteRequest,
         onDuplicateRequest,
@@ -41109,6 +41206,7 @@ function FolderRow({
   onAddFolder,
   onRename,
   onDelete,
+  onDuplicate,
   onUpdateTags,
   onRun,
   children
@@ -41163,6 +41261,7 @@ function FolderRow({
             }, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagChips, { tags: [], onRemove: () => {
             }, onAdd: (tag) => onUpdateTags([...tags2, tag]) }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Rename", onClick: () => setRenaming(true), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Duplicate folder", onClick: onDuplicate, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Delete folder", onClick: onDelete, danger: true, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
           ] })
         ]
@@ -41191,6 +41290,7 @@ function FolderContents({
   onAddFolder,
   onRenameFolder,
   onDeleteFolder,
+  onDuplicateFolder,
   onRenameRequest,
   onDeleteRequest,
   onDuplicateRequest,
@@ -41210,6 +41310,7 @@ function FolderContents({
         onAddFolder: () => onAddFolder(sub.id, "New Folder"),
         onRename: (name2) => onRenameFolder(sub.id, name2),
         onDelete: () => onDeleteFolder(sub.id),
+        onDuplicate: () => onDuplicateFolder(sub.id),
         onUpdateTags: (tags2) => onUpdateFolderTags(sub.id, tags2),
         onRun: () => onRunFolder(sub.id),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -41226,6 +41327,7 @@ function FolderContents({
             onAddFolder,
             onRenameFolder,
             onDeleteFolder,
+            onDuplicateFolder,
             onRenameRequest,
             onDeleteRequest,
             onDuplicateRequest,
@@ -42144,7 +42246,7 @@ const autoCloseTags = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to
   ]);
   return true;
 });
-const { electron: electron$j } = window;
+const { electron: electron$k } = window;
 function SoapEditor({ request, onChange }) {
   const soap = request.body.soap ?? {
     wsdlUrl: "",
@@ -42161,7 +42263,7 @@ function SoapEditor({ request, onChange }) {
     setFetching(true);
     setFetchError(null);
     try {
-      const result = await electron$j.wsdlFetch(soap.wsdlUrl.trim());
+      const result = await electron$k.wsdlFetch(soap.wsdlUrl.trim());
       setOperations(result.operations);
       if (result.operations.length > 0) {
         const first = result.operations[0];
@@ -42321,7 +42423,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$i } = window;
+const { electron: electron$j } = window;
 const AUTH_TYPES = ["none", "bearer", "basic", "digest", "ntlm", "apikey", "oauth2"];
 function AuthTab({ request, onChange }) {
   const auth = request.auth;
@@ -42335,7 +42437,7 @@ function AuthTab({ request, onChange }) {
   }
   async function saveSecret(ref2) {
     if (!secretValue || !ref2) return;
-    await electron$i.setSecret(ref2, secretValue);
+    await electron$j.setSecret(ref2, secretValue);
     setSaved(true);
     setSecretValue("");
     setTimeout(() => setSaved(false), 2e3);
@@ -42346,14 +42448,14 @@ function AuthTab({ request, onChange }) {
     try {
       const vars = {};
       if (auth.oauth2Flow === "authorization_code") {
-        const result = await electron$i.oauth2StartFlow(auth, vars);
+        const result = await electron$j.oauth2StartFlow(auth, vars);
         setAuth({
           oauth2CachedToken: result.accessToken,
           oauth2TokenExpiry: result.expiresAt
         });
         if (result.refreshToken) setOauth2RT(result.refreshToken);
       } else {
-        const result = await electron$i.oauth2StartFlow(auth, vars);
+        const result = await electron$j.oauth2StartFlow(auth, vars);
         setAuth({
           oauth2CachedToken: result.accessToken,
           oauth2TokenExpiry: result.expiresAt
@@ -42371,7 +42473,7 @@ function AuthTab({ request, onChange }) {
     setOauth2Status("fetching");
     setOauth2Error("");
     try {
-      const result = await electron$i.oauth2RefreshToken(auth, {}, oauth2RefreshToken);
+      const result = await electron$j.oauth2RefreshToken(auth, {}, oauth2RefreshToken);
       setAuth({
         oauth2CachedToken: result.accessToken,
         oauth2TokenExpiry: result.expiresAt
@@ -49368,7 +49470,7 @@ function SchemaTab({ request, onChange }) {
     ] }) })
   ] });
 }
-const { electron: electron$h } = window;
+const { electron: electron$i } = window;
 const EMPTY = { statusCode: 200, headers: [], bodySchema: "" };
 function ContractTab({ request, onChange }) {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
@@ -49382,7 +49484,7 @@ function ContractTab({ request, onChange }) {
     if (!lastResponse?.body) return;
     setInferring(true);
     try {
-      const schema = await electron$h.inferContractSchema(lastResponse.body);
+      const schema = await electron$i.inferContractSchema(lastResponse.body);
       if (schema) update({ bodySchema: schema });
     } finally {
       setInferring(false);
@@ -49490,7 +49592,7 @@ function ContractTab({ request, onChange }) {
     ] })
   ] });
 }
-const { electron: electron$g } = window;
+const { electron: electron$h } = window;
 function formatTime$1(ts) {
   const d = new Date(ts);
   const hh = String(d.getHours()).padStart(2, "0");
@@ -49510,14 +49612,14 @@ function WebSocketPanel({ request }) {
   const [sendText, setSendText] = reactExports.useState("");
   const logEndRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    electron$g.onWsMessage(({ requestId, message }) => {
+    electron$h.onWsMessage(({ requestId, message }) => {
       addWsMessage(requestId, message);
     });
-    electron$g.onWsStatus(({ requestId, status, error: error2 }) => {
+    electron$h.onWsStatus(({ requestId, status, error: error2 }) => {
       setWsStatus(requestId, status, error2);
     });
     return () => {
-      electron$g.offWsEvents();
+      electron$h.offWsEvents();
     };
   }, [addWsMessage, setWsStatus]);
   reactExports.useEffect(() => {
@@ -49530,19 +49632,19 @@ function WebSocketPanel({ request }) {
       if (h.enabled && h.key) headers[h.key] = h.value;
     }
     try {
-      await electron$g.wsConnect(request.id, request.url, headers);
+      await electron$h.wsConnect(request.id, request.url, headers);
     } catch (err) {
       setWsStatus(request.id, "error", err instanceof Error ? err.message : String(err));
     }
   }
   async function disconnect() {
-    await electron$g.wsDisconnect(request.id);
+    await electron$h.wsDisconnect(request.id);
   }
   async function sendMessage() {
     const text = sendText.trim();
     if (!text || !isConnected) return;
     try {
-      await electron$g.wsSend(request.id, text);
+      await electron$h.wsSend(request.id, text);
       const msg = {
         id: crypto.randomUUID(),
         direction: "sent",
@@ -49645,7 +49747,7 @@ function WebSocketPanel({ request }) {
     ] })
   ] });
 }
-const { electron: electron$f } = window;
+const { electron: electron$g } = window;
 const METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
 const METHOD_COLORS = {
   GET: "text-emerald-400",
@@ -49699,7 +49801,7 @@ function RequestBuilder({ request }) {
         auth: mergedAuth,
         headers: mergedHeaders
       };
-      const result = await electron$f.sendRequest({
+      const result = await electron$g.sendRequest({
         request: mergedRequest,
         environment: activeEnv,
         collectionVars,
@@ -50348,7 +50450,7 @@ function InteractiveBody({ body, contentType, onAssert }) {
     treeContent
   ] });
 }
-const { electron: electron$e } = window;
+const { electron: electron$f } = window;
 function prettyJson(raw) {
   try {
     return JSON.stringify(JSON.parse(raw), null, 2);
@@ -50434,14 +50536,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$e.saveMock(entry.relPath, updated);
+        await electron$f.saveMock(entry.relPath, updated);
         const ws2 = useStore.getState().workspace;
-        if (ws2) await electron$e.saveWorkspace(ws2);
+        if (ws2) await electron$f.saveWorkspace(ws2);
       } else {
         const entry = useStore.getState().mocks[serverId];
         const updated = { ...entry.data, routes: [...entry.data.routes, route] };
         updateMock(serverId, updated);
-        await electron$e.saveMock(entry.relPath, updated);
+        await electron$f.saveMock(entry.relPath, updated);
       }
       onClose();
     } finally {
@@ -50672,7 +50774,7 @@ function ResponseViewer() {
   const [contractToast, setContractToast] = reactExports.useState(false);
   async function saveAsContract() {
     if (!response || !requestId || !activeTabId) return;
-    const schema = response.body ? await electron$e.inferContractSchema(response.body) : null;
+    const schema = response.body ? await electron$f.inferContractSchema(response.body) : null;
     const contentType2 = response.headers["content-type"];
     const headers = contentType2 ? [{ key: "content-type", value: contentType2, required: true }] : [];
     updateRequest(requestId, {
@@ -50915,7 +51017,7 @@ function ConsolePanel({ scriptResult }) {
     i
   )) });
 }
-const { electron: electron$d } = window;
+const { electron: electron$e } = 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" },
@@ -50946,7 +51048,7 @@ function GeneratorPanel() {
     try {
       const col = collections[selectedCollectionId]?.data;
       const env = activeEnvironmentId ? environments[activeEnvironmentId]?.data ?? null : null;
-      const generated = await electron$d.generateCode({ collection: col, environment: env, target });
+      const generated = await electron$e.generateCode({ collection: col, environment: env, target });
       setFiles(generated);
       setSelectedFile(generated[0]?.path ?? null);
     } catch (e) {
@@ -50958,7 +51060,7 @@ function GeneratorPanel() {
   async function saveZip() {
     if (files.length === 0) return;
     const col = collections[selectedCollectionId]?.data;
-    await electron$d.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
+    await electron$e.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
   }
   const selectedContent = files.find((f) => f.path === selectedFile)?.content ?? "";
   const activeTarget = TARGETS.find((t2) => t2.id === target);
@@ -51182,16 +51284,16 @@ function HistoryRow({
     }
   );
 }
-const { electron: electron$c } = window;
+const { electron: electron$d } = window;
 function WelcomeScreen() {
   const { applyWorkspace } = useWorkspaceLoader();
   async function openWorkspace() {
-    const result = await electron$c.openWorkspace();
+    const result = await electron$d.openWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
   async function newWorkspace() {
-    const result = await electron$c.newWorkspace();
+    const result = await electron$d.newWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
@@ -51225,7 +51327,7 @@ function WelcomeScreen() {
     ] })
   ] });
 }
-const { electron: electron$b } = window;
+const { electron: electron$c } = window;
 const EXAMPLES = [
   {
     label: "macOS / Linux  (~/.zshrc or ~/.bashrc)",
@@ -51249,7 +51351,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
       setError("Password cannot be empty.");
       return;
     }
-    await electron$b.setMasterKey(password);
+    await electron$c.setMasterKey(password);
     onSuccess(password);
   }
   function copy(idx, text) {
@@ -51339,7 +51441,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
     }
   );
 }
-const { electron: electron$a } = window;
+const { electron: electron$b } = 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);
@@ -51440,7 +51542,7 @@ function EnvironmentEditor({ onClose }) {
   async function saveEncrypted(idx) {
     const plaintext = secretInputs[idx] ?? "";
     if (!plaintext) return;
-    const { set: set2 } = await electron$a.checkMasterKey();
+    const { set: set2 } = await electron$b.checkMasterKey();
     if (!set2) {
       setPendingEncryptIdx(idx);
       return;
@@ -51477,9 +51579,9 @@ function EnvironmentEditor({ onClose }) {
         } : state.workspace
       }));
       const ws2 = useStore.getState().workspace;
-      if (ws2) await electron$a.saveWorkspace(ws2);
+      if (ws2) await electron$b.saveWorkspace(ws2);
     }
-    await electron$a.saveEnvironment(newRelPath, env);
+    await electron$b.saveEnvironment(newRelPath, env);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     pendingEncryptIdx !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -51763,7 +51865,7 @@ function EnvironmentEditor({ onClose }) {
     )
   ] });
 }
-const { electron: electron$9 } = window;
+const { electron: electron$a } = window;
 function EnvironmentBar({ inline = false }) {
   const environments = useStore((s) => s.environments);
   const activeEnvironmentId = useStore((s) => s.activeEnvironmentId);
@@ -51777,7 +51879,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$9.checkMasterKey();
+        const { set: set2 } = await electron$a.checkMasterKey();
         if (!set2) {
           setPendingEnvId(id2);
           return;
@@ -51831,7 +51933,7 @@ function EnvironmentBar({ inline = false }) {
     controls
   ] });
 }
-const { electron: electron$8 } = window;
+const { electron: electron$9 } = window;
 const DEFAULT_PII_PATTERNS = ["authorization", "password", "token", "secret", "api-key", "x-api-key"];
 function WorkspaceSettingsModal({ onClose }) {
   const workspace = useStore((s) => s.workspace);
@@ -51877,7 +51979,7 @@ function WorkspaceSettingsModal({ onClose }) {
     settings.piiMaskPatterns = patterns;
     updateWorkspaceSettings(settings);
     const updated = useStore.getState().workspace;
-    if (updated) await electron$8.saveWorkspace(updated);
+    if (updated) await electron$9.saveWorkspace(updated);
     onClose();
   }
   const tabs = [
@@ -52075,7 +52177,7 @@ function WorkspaceSettingsModal({ onClose }) {
     }
   );
 }
-const { electron: electron$7 } = window;
+const { electron: electron$8 } = window;
 function DocsGeneratorModal({ onClose }) {
   const collections = useStore((s) => s.collections);
   const collectionList = Object.values(collections);
@@ -52104,9 +52206,9 @@ function DocsGeneratorModal({ onClose }) {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$7.generateDocs(buildPayload());
+      const content2 = await electron$8.generateDocs(buildPayload());
       const filename = format2 === "html" ? "api-docs.html" : "api-docs.md";
-      await electron$7.saveResults(content2, filename);
+      await electron$8.saveResults(content2, filename);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -52117,7 +52219,7 @@ function DocsGeneratorModal({ onClose }) {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$7.generateDocs(buildPayload());
+      const content2 = await electron$8.generateDocs(buildPayload());
       setPreview(content2);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -52233,7 +52335,7 @@ function DocsGeneratorModal({ onClose }) {
     ] })
   ] }) });
 }
-const { electron: electron$6 } = window;
+const { electron: electron$7 } = window;
 const OPTIONS = [
   { id: "postman", label: "Postman", description: "Collection v2.1 JSON" },
   { id: "openapi", label: "OpenAPI", description: "JSON or YAML (v3.x)", supportsUrl: true },
@@ -52251,10 +52353,10 @@ function ImportModal({ onImport, onClose }) {
     setError(null);
     try {
       let col = null;
-      if (opt.id === "postman") col = await electron$6.importPostman();
-      if (opt.id === "openapi") col = await electron$6.importOpenApi();
-      if (opt.id === "insomnia") col = await electron$6.importInsomnia();
-      if (opt.id === "bruno") col = await electron$6.importBruno();
+      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();
       onImport(col);
       onClose();
     } catch (err) {
@@ -52269,7 +52371,7 @@ function ImportModal({ onImport, onClose }) {
     setLoading(true);
     setError(null);
     try {
-      const col = await electron$6.importOpenApiFromUrl(trimmed);
+      const col = await electron$7.importOpenApiFromUrl(trimmed);
       onImport(col);
       onClose();
     } catch (err) {
@@ -52364,7 +52466,7 @@ function ImportModal({ onImport, onClose }) {
     }
   ) });
 }
-const { electron: electron$5 } = window;
+const { electron: electron$6 } = window;
 const ZOOM_STEPS = [0.75, 0.9, 1, 1.1, 1.25, 1.5];
 function PreferencesPopover() {
   const theme2 = useStore((s) => s.theme);
@@ -52470,13 +52572,13 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
     try {
       for (const { relPath, data, dirty } of Object.values(collections)) {
         if (!dirty) continue;
-        await electron$5.saveCollection(relPath, data);
+        await electron$6.saveCollection(relPath, data);
         markCollectionClean(data.id);
       }
       for (const { relPath, data } of Object.values(environments)) {
-        await electron$5.saveEnvironment(relPath, data);
+        await electron$6.saveEnvironment(relPath, data);
       }
-      if (workspace) await electron$5.saveWorkspace(workspace);
+      if (workspace) await electron$6.saveWorkspace(workspace);
     } finally {
       setSaving(false);
     }
@@ -52484,14 +52586,14 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
   async function afterImport(col) {
     if (!col) return;
     const relPath = colRelPath(col.name, col.id);
-    await electron$5.saveCollection(relPath, col);
+    await electron$6.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$5.saveWorkspace(updated);
+      await electron$6.saveWorkspace(updated);
     }
   }
   if (!workspace) return null;
@@ -52557,7 +52659,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$5.openWorkspace();
+              const result = await electron$6.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",
@@ -52569,7 +52671,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$5.newWorkspace();
+              const result = await electron$6.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",
@@ -52581,7 +52683,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              await electron$5.closeWorkspace();
+              await electron$6.closeWorkspace();
               closeWorkspace();
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -52978,7 +53080,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$4 } = window;
+const { electron: electron$5 } = window;
 function collectRequests(collectionId, folderId, filterTags) {
   const state = useStore.getState();
   const col = state.collections[collectionId]?.data;
@@ -53074,13 +53176,13 @@ function RunnerModal() {
     setSummary(null);
     setRunnerRunning(true);
     progressIdxRef.current = 0;
-    electron$4.onRunProgress((result) => {
+    electron$5.onRunProgress((result) => {
       const idx = progressIdxRef.current;
       patchRunnerResult(idx, result);
       if (result.status !== "running") progressIdxRef.current++;
     });
     try {
-      const s = await electron$4.runCollection({
+      const s = await electron$5.runCollection({
         items: items2,
         environment: env,
         globals,
@@ -53091,7 +53193,7 @@ function RunnerModal() {
       });
       setSummary(s);
     } finally {
-      electron$4.offRunProgress();
+      electron$5.offRunProgress();
       setRunnerRunning(false);
     }
   }, [collectionId, folderId, filterTags, selectedEnvId, environments, globals, colEntry, requestDelay, workspaceSettings, setRunnerResults, patchRunnerResult, setRunnerRunning]);
@@ -53304,7 +53406,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$4.saveResults(content2, `spector-results.${ext}`);
+                      electron$5.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"
@@ -53522,38 +53624,48 @@ function CollectionPanel() {
     ] })
   ] });
 }
-const { electron: electron$3 } = window;
+const { electron: electron$4 } = window;
 function MockPanel() {
   const mocks = useStore((s) => s.mocks);
   const activeMockId = useStore((s) => s.activeMockId);
   const setActiveMock = useStore((s) => s.setActiveMockId);
   const addMock = useStore((s) => s.addMock);
+  const deleteMock = useStore((s) => s.deleteMock);
   const setRunning = useStore((s) => s.setMockRunning);
   const mockList = Object.values(mocks);
   async function handleAddMock() {
     addMock();
     const ws2 = useStore.getState().workspace;
-    if (ws2) await electron$3.saveWorkspace(ws2);
+    if (ws2) await electron$4.saveWorkspace(ws2);
     const state = useStore.getState();
     const newId = state.activeMockId;
     if (newId) {
       const entry = state.mocks[newId];
-      await electron$3.saveMock(entry.relPath, entry.data);
+      await electron$4.saveMock(entry.relPath, entry.data);
       setActiveMock(newId);
     }
   }
+  async function handleDelete(e, mockId) {
+    e.stopPropagation();
+    const entry = useStore.getState().mocks[mockId];
+    if (!entry) return;
+    if (entry.running) await electron$4.mockStop(mockId);
+    deleteMock(mockId);
+    const ws2 = useStore.getState().workspace;
+    if (ws2) await electron$4.saveWorkspace(ws2);
+  }
   async function toggleRunning(e, mockId) {
     e.stopPropagation();
     const entry = useStore.getState().mocks[mockId];
     if (!entry) return;
     try {
       if (entry.running) {
-        await electron$3.mockStop(mockId);
+        await electron$4.mockStop(mockId);
         setRunning(mockId, false);
       } else {
         const latest2 = useStore.getState().mocks[mockId].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(mockId, true);
       }
     } catch {
@@ -53602,15 +53714,26 @@ function MockPanel() {
                 (mock.routes ?? []).length !== 1 ? "s" : ""
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                onClick: (e) => toggleRunning(e, mock.id),
-                className: `text-[10px] px-1.5 py-0.5 rounded shrink-0 transition-colors ${entry.running ? "text-emerald-400 hover:text-red-400" : "text-surface-400 hover:text-emerald-400 opacity-0 group-hover:opacity-100"}`,
-                title: entry.running ? "Stop" : "Start",
-                children: entry.running ? "■" : "▶"
-              }
-            )
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: (e) => toggleRunning(e, mock.id),
+                  className: `text-[10px] px-1.5 py-0.5 rounded transition-colors ${entry.running ? "text-emerald-400 hover:text-red-400" : "text-surface-400 hover:text-emerald-400 opacity-0 group-hover:opacity-100"}`,
+                  title: entry.running ? "Stop" : "Start",
+                  children: entry.running ? "■" : "▶"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: (e) => handleDelete(e, mock.id),
+                  className: "text-[10px] px-1 py-0.5 rounded text-surface-500 hover:text-red-400 opacity-0 group-hover:opacity-100 transition-colors",
+                  title: "Delete",
+                  children: "✕"
+                }
+              )
+            ] })
           ]
         },
         mock.id
@@ -53618,12 +53741,13 @@ function MockPanel() {
     }) })
   ] });
 }
-const { electron: electron$2 } = window;
+const { electron: electron$3 } = window;
 const METHODS_PLUS_ANY = ["ANY", "GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
 function RouteRow({
   route,
   onSave,
   onDelete,
+  onDuplicate,
   initialEditing = false
 }) {
   const [editing, setEditing] = reactExports.useState(initialEditing);
@@ -53663,6 +53787,15 @@ function RouteRow({
           children: "Edit"
         }
       ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: onDuplicate,
+          className: "opacity-0 group-hover:opacity-100 text-xs text-surface-600 hover:text-blue-400 transition-opacity",
+          title: "Duplicate route",
+          children: "⧉"
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -53733,11 +53866,17 @@ function RouteRow({
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-surface-600", children: [
           "Use ",
           /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-400", children: "{{faker.person.firstName()}}" }),
-          ",",
-          " ",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-400", children: "{{request.params.id}}" }),
-          ",",
-          " ",
+          pathParamNames.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            ", ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-blue-400/80", children: `{{request.params.${p}}}` })
+          ] }, p)),
+          pathParamNames.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            ", ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-400", children: "{{request.params.id}}" }),
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-700", children: "(add :id to path)" })
+          ] }),
+          ", ",
           /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-400", children: "{{request.query.search}}" })
         ] })
       ] }),
@@ -53887,6 +54026,55 @@ function timeAgo(ts) {
   if (s < 3600) return `${Math.floor(s / 60)}m ago`;
   return `${Math.floor(s / 3600)}h ago`;
 }
+function HitRow({ hit, matched }) {
+  const [open, setOpen] = reactExports.useState(false);
+  const unmatched = !hit.matchedRouteId;
+  const prettyBody = reactExports.useMemo(() => {
+    if (!hit.responseBody) return null;
+    try {
+      return JSON.stringify(JSON.parse(hit.responseBody), null, 2);
+    } catch {
+      return hit.responseBody;
+    }
+  }, [hit.responseBody]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `border-b border-surface-800/40 ${unmatched ? "bg-red-950/20" : ""}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setOpen((o) => !o),
+        className: `w-full flex items-center gap-3 px-4 py-2 text-sm font-mono text-left ${unmatched ? "" : "hover:bg-surface-800/20"} transition-colors`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-[10px] w-3 shrink-0", children: open ? "▾" : "▸" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-bold w-16 shrink-0 text-xs ${getMethodColor(hit.method)}`, children: hit.method }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-surface-200", title: hit.path, children: hit.path }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-32 shrink-0 truncate text-surface-600 text-xs font-sans", title: matched?.description ?? matched?.path ?? "", children: unmatched ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400", children: "no match" }) : matched?.description || matched?.path || "—" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-12 text-right shrink-0 text-xs ${hit.status < 300 ? "text-emerald-400" : hit.status < 400 ? "text-amber-400" : "text-red-400"}`, children: hit.status }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "w-14 text-right shrink-0 text-surface-600 text-xs", children: [
+            hit.durationMs,
+            "ms"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-20 text-right shrink-0 text-surface-400 text-xs", children: timeAgo(hit.timestamp) })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 pb-3 bg-surface-900/60 border-t border-surface-800/40", children: [
+      hit.responseHeaders && Object.keys(hit.responseHeaders).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] uppercase tracking-wider text-surface-600 mb-1", children: "Response headers" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-xs space-y-0.5", children: Object.entries(hit.responseHeaders).map(([k, v]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400 shrink-0", children: [
+            k,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 break-all", children: v })
+        ] }, k)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] uppercase tracking-wider text-surface-600 mb-1", children: "Response body" }),
+        prettyBody ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs text-surface-300 bg-surface-950 rounded p-2 overflow-x-auto max-h-60 overflow-y-auto whitespace-pre-wrap break-all", children: prettyBody }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-surface-600 italic", children: "empty" })
+      ] })
+    ] })
+  ] });
+}
 function RequestLog({ serverId, routes, running }) {
   const hits = useStore((s) => s.mockLogs[serverId]) ?? [];
   const clearLogs = useStore((s) => s.clearMockLogs);
@@ -53918,6 +54106,7 @@ function RequestLog({ serverId, routes, running }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-600 mt-1", children: "Waiting for incoming requests…" })
     ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4 py-1.5 border-b border-surface-800 text-[10px] uppercase tracking-wider text-surface-400 sticky top-0 bg-surface-950", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3 shrink-0" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-16 shrink-0", children: "Method" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1", children: "Path" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-32 shrink-0", children: "Matched route" }),
@@ -53925,28 +54114,14 @@ function RequestLog({ serverId, routes, running }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-14 text-right shrink-0", children: "Duration" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-20 text-right shrink-0", children: "Time" })
       ] }),
-      hits.map((hit) => {
-        const matched = hit.matchedRouteId ? routeMap.get(hit.matchedRouteId) : null;
-        const unmatched = !hit.matchedRouteId;
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: `flex items-center gap-3 px-4 py-2 border-b border-surface-800/40 text-sm font-mono ${unmatched ? "bg-red-950/30" : "hover:bg-surface-800/20"}`,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-bold w-16 shrink-0 text-xs ${getMethodColor(hit.method)}`, children: hit.method }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-surface-200", title: hit.path, children: hit.path }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-32 shrink-0 truncate text-surface-600 text-xs font-sans", title: matched?.description ?? matched?.path ?? "", children: unmatched ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400", children: "no match" }) : matched?.description || matched?.path || "—" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-12 text-right shrink-0 text-xs ${hit.status < 300 ? "text-emerald-400" : hit.status < 400 ? "text-amber-400" : "text-red-400"}`, children: hit.status }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "w-14 text-right shrink-0 text-surface-600 text-xs", children: [
-                hit.durationMs,
-                "ms"
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-20 text-right shrink-0 text-surface-400 text-xs", title: String(hit.timestamp), children: timeAgo(hit.timestamp) })
-            ]
-          },
-          hit.id
-        );
-      })
+      hits.map((hit) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        HitRow,
+        {
+          hit,
+          matched: hit.matchedRouteId ? routeMap.get(hit.matchedRouteId) : null
+        },
+        hit.id
+      ))
     ] })
   ] });
 }
@@ -53968,20 +54143,20 @@ function MockDetailPanel({ mockId }) {
   const routes = mock.routes ?? [];
   async function save(updated) {
     updateMock(mock.id, updated);
-    await electron$2.saveMock(entry.relPath, updated);
-    if (running) await electron$2.mockUpdateRoutes(mock.id, updated.routes ?? []);
-    if (workspace) await electron$2.saveWorkspace(workspace);
+    await electron$3.saveMock(entry.relPath, updated);
+    if (running) await electron$3.mockUpdateRoutes(mock.id, updated.routes ?? []);
+    if (workspace) await electron$3.saveWorkspace(workspace);
   }
   async function toggleRunning() {
     setError(null);
     try {
       if (running) {
-        await electron$2.mockStop(mock.id);
+        await electron$3.mockStop(mock.id);
         setRunning(mock.id, false);
       } else {
         const latest2 = useStore.getState().mocks[mock.id].data;
-        await electron$2.saveMock(entry.relPath, latest2);
-        await electron$2.mockStart(latest2);
+        await electron$3.saveMock(entry.relPath, latest2);
+        await electron$3.mockStart(latest2);
         setRunning(mock.id, true);
       }
     } catch (e) {
@@ -54076,19 +54251,25 @@ function MockDetailPanel({ mockId }) {
           "⚠ ",
           error2
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: toggleRunning,
-            className: `px-3 py-1.5 rounded text-sm font-medium transition-colors ${running ? "bg-emerald-900/40 text-emerald-400 hover:bg-red-900/40 hover:text-red-400 border border-emerald-800/50" : "bg-surface-800 hover:bg-surface-700 text-surface-300 border border-surface-700"}`,
-            children: running ? "● Running" : "▶ Start"
-          }
-        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group/cli flex items-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: toggleRunning,
+              className: `px-3 py-1.5 rounded text-sm font-medium transition-colors ${running ? "bg-emerald-900/40 text-emerald-400 hover:bg-red-900/40 hover:text-red-400 border border-emerald-800/50" : "bg-surface-800 hover:bg-surface-700 text-surface-300 border border-surface-700"}`,
+              children: running ? "● Running" : "▶ Start"
+            }
+          ),
+          !running && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute bottom-full right-0 mb-2 hidden group-hover/cli:block z-50", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-[#1e1b2e] border border-white/10 rounded px-2.5 py-1.5 shadow-xl text-[11px] text-surface-300 whitespace-nowrap", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 mr-1", children: "or run from CLI:" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-blue-300", children: "npx api-spector mock --workspace <path>" })
+          ] }) })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             onClick: () => {
-              if (running) electron$2.mockStop(mock.id);
+              if (running) electron$3.mockStop(mock.id);
               deleteMock(mock.id);
               setActive2(null);
             },
@@ -54132,6 +54313,12 @@ function MockDetailPanel({ mockId }) {
               setNewRouteId(null);
             },
             onDelete: () => save({ ...mock, routes: routes.filter((r) => r.id !== route.id) }),
+            onDuplicate: () => {
+              const copy = { ...route, id: v4() };
+              const idx = routes.indexOf(route);
+              const next = [...routes.slice(0, idx + 1), copy, ...routes.slice(idx + 1)];
+              save({ ...mock, routes: next });
+            },
             initialEditing: route.id === newRouteId
           },
           route.id
@@ -54149,7 +54336,7 @@ function MockDetailPanel({ mockId }) {
     ] })
   ] });
 }
-const { electron: electron$1 } = window;
+const { electron: electron$2 } = window;
 function ContractPanel() {
   const collections = useStore((s) => s.collections);
   const environments = useStore((s) => s.environments);
@@ -54180,7 +54367,7 @@ function ContractPanel() {
     setReport(null);
     try {
       const requests = mode === "provider" ? allRequests : contractRequests;
-      const result = await electron$1.runContracts({
+      const result = await electron$2.runContracts({
         mode,
         requests,
         envVars,
@@ -54378,6 +54565,812 @@ function ContractResultsPanel() {
     })() })
   ] });
 }
+const { electron: electron$1 } = window;
+function useToast() {
+  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), 3e3);
+  }
+  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 StatusBadge({ status }) {
+  const map = {
+    modified: { label: "M", color: "text-amber-400" },
+    added: { label: "A", color: "text-emerald-400" },
+    deleted: { label: "D", color: "text-red-400" },
+    renamed: { label: "R", color: "text-blue-400" },
+    untracked: { label: "?", color: "text-surface-500" }
+  };
+  const { label, color } = map[status] ?? { label: "?", color: "text-surface-500" };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono text-[11px] font-bold w-4 shrink-0 ${color}`, children: label });
+}
+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";
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cls, children: line || " " }, i);
+  }) });
+}
+function ChangesTab({ status, onRefresh }) {
+  const [message, setMessage] = reactExports.useState("");
+  const [diffFile, setDiffFile] = reactExports.useState(null);
+  const [diff, setDiff] = reactExports.useState("");
+  const [diffStaged, setDiffStaged] = reactExports.useState(false);
+  const [error2, setError] = reactExports.useState(null);
+  const [pushing, setPushing] = reactExports.useState(false);
+  const [pulling, setPulling] = reactExports.useState(false);
+  const { toast, show: showToast } = useToast();
+  async function showDiff(file, staged) {
+    setDiffFile(file.path);
+    setDiffStaged(staged);
+    try {
+      const d = staged ? await electron$1.gitDiffStaged(file.path) : await electron$1.gitDiff(file.path);
+      setDiff(d);
+    } catch {
+      setDiff("");
+    }
+  }
+  async function stage(paths) {
+    try {
+      await electron$1.gitStage(paths);
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  async function unstage(paths) {
+    try {
+      await electron$1.gitUnstage(paths);
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  async function stageAll() {
+    try {
+      await electron$1.gitStageAll();
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  async function commit() {
+    if (!message.trim()) return;
+    try {
+      setError(null);
+      await electron$1.gitCommit(message.trim());
+      setMessage("");
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  async function pull() {
+    setPulling(true);
+    try {
+      await electron$1.gitPull();
+      showToast("Pull successful", true);
+      onRefresh();
+    } catch (e) {
+      showToast(String(e), false);
+    } finally {
+      setPulling(false);
+    }
+  }
+  async function push2() {
+    setPushing(true);
+    try {
+      await electron$1.gitPush(!status.remote);
+      showToast("Push successful", true);
+      onRefresh();
+    } catch (e) {
+      showToast(String(e), false);
+    } finally {
+      setPushing(false);
+    }
+  }
+  const allUnstaged = [...status.unstaged, ...status.untracked];
+  const hasStaged = status.staged.length > 0;
+  const needsPush = status.ahead > 0;
+  const needsPull = status.behind > 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 border-b border-surface-800 flex items-center gap-2 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[11px] font-mono text-blue-300 truncate flex-1", children: [
+        "⎇ ",
+        status.branch || "no branch"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: pull,
+          disabled: pulling,
+          title: needsPull ? `Pull (${status.behind} behind)` : "Pull",
+          className: `flex items-center gap-0.5 text-xs px-1.5 py-0.5 rounded transition-colors disabled:opacity-40 ${needsPull ? "text-amber-300 bg-amber-900/30 hover:bg-amber-900/50" : "text-surface-400 hover:text-white"}`,
+          children: [
+            "↓",
+            needsPull ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px]", children: status.behind }) : null
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: push2,
+          disabled: pushing,
+          title: needsPush ? `Push (${status.ahead} unpushed)` : status.remote ? "Push" : "Push & set upstream",
+          className: `flex items-center gap-0.5 text-xs px-1.5 py-0.5 rounded transition-colors disabled:opacity-40 ${needsPush ? "text-blue-300 bg-blue-900/30 hover:bg-blue-900/50" : "text-surface-400 hover:text-white"}`,
+          children: [
+            "↑",
+            needsPush ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px]", children: status.ahead }) : null
+          ]
+        }
+      )
+    ] }),
+    status.remote && (needsPush ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-3 mt-2 px-2 py-1.5 rounded text-[11px] bg-blue-900/20 text-blue-300 border border-blue-800/40 flex items-center justify-between flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        status.ahead,
+        " commit",
+        status.ahead !== 1 ? "s" : "",
+        " to push"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: push2,
+          disabled: pushing,
+          className: "text-blue-400 hover:text-blue-200 font-medium disabled:opacity-40",
+          children: "Push ↑"
+        }
+      )
+    ] }) : /* @__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" })),
+    /* @__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: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-1.5 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: [
+            "Staged (",
+            status.staged.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => unstage(status.staged.map((f) => f.path)),
+              className: "text-[10px] text-surface-500 hover:text-white transition-colors",
+              children: "Unstage all"
+            }
+          )
+        ] }),
+        status.staged.map((f) => /* @__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 === f.path && diffStaged ? "bg-surface-800" : ""}`,
+            onClick: () => showDiff(f, true),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status: f.status }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-surface-200", children: f.path }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    unstage([f.path]);
+                  },
+                  className: "opacity-0 group-hover:opacity-100 text-surface-500 hover:text-amber-400 transition-all text-[10px]",
+                  title: "Unstage",
+                  children: "−"
+                }
+              )
+            ]
+          },
+          f.path
+        ))
+      ] }),
+      allUnstaged.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-1.5 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: [
+            "Changes (",
+            allUnstaged.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: stageAll,
+              className: "text-[10px] text-surface-500 hover:text-white transition-colors",
+              children: "Stage all"
+            }
+          )
+        ] }),
+        allUnstaged.map((f) => /* @__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 === f.path && !diffStaged ? "bg-surface-800" : ""}`,
+            onClick: () => showDiff(f, false),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status: f.status }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-surface-200", children: f.path }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    stage([f.path]);
+                  },
+                  className: "opacity-0 group-hover:opacity-100 text-surface-500 hover:text-emerald-400 transition-all text-[10px]",
+                  title: "Stage",
+                  children: "+"
+                }
+              )
+            ]
+          },
+          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." })
+    ] }),
+    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: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-surface-400 truncate", children: diffFile }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setDiffFile(null), className: "text-surface-600 hover:text-white text-xs ml-2", children: "✕" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-auto flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DiffViewer, { diff }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-surface-800 p-3 flex-shrink-0 flex flex-col gap-2", children: [
+      error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-red-400 truncate", title: error2, children: error2 }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "textarea",
+        {
+          value: message,
+          onChange: (e) => setMessage(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) commit();
+          },
+          placeholder: "Commit message… (⌘↵ to commit)",
+          rows: 2,
+          className: "w-full bg-surface-800 border border-surface-700 rounded px-2 py-1.5 text-xs resize-none focus:outline-none focus:border-blue-500 placeholder-surface-600"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: commit,
+          disabled: !message.trim() || !hasStaged,
+          className: "w-full py-1.5 bg-blue-600 hover:bg-blue-500 disabled:opacity-40 disabled:cursor-not-allowed rounded text-xs font-medium transition-colors",
+          children: [
+            "Commit",
+            hasStaged ? ` (${status.staged.length})` : ""
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function LogTab() {
+  const [commits, setCommits] = reactExports.useState([]);
+  const [loading, setLoading] = reactExports.useState(true);
+  reactExports.useEffect(() => {
+    electron$1.gitLog(100).then(setCommits).catch(() => setCommits([])).finally(() => setLoading(false));
+  }, []);
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "Loading…" });
+  if (commits.length === 0) return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "No commits yet." });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: commits.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 border-b border-surface-800/50 hover:bg-surface-800/30", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-surface-600 shrink-0 mt-0.5", children: c.short }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-surface-200 flex-1 line-clamp-2", children: c.message })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-0.5 pl-9 flex gap-2 text-[10px] text-surface-600", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: c.author }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: new Date(c.date).toLocaleDateString() })
+    ] })
+  ] }, c.hash)) });
+}
+function BranchesTab({ onRefresh }) {
+  const [branches, setBranches] = reactExports.useState([]);
+  const [remotes, setRemotes] = reactExports.useState([]);
+  const [loading, setLoading] = reactExports.useState(true);
+  const [newBranch, setNewBranch] = reactExports.useState("");
+  const [creating, setCreating] = reactExports.useState(false);
+  const [addingRemote, setAddingRemote] = reactExports.useState(false);
+  const [editingRemote, setEditingRemote] = reactExports.useState(null);
+  const [remoteName, setRemoteName] = reactExports.useState("origin");
+  const [remoteUrl, setRemoteUrl] = reactExports.useState("");
+  const [editUrl, setEditUrl] = reactExports.useState("");
+  const [error2, setError] = reactExports.useState(null);
+  const load = reactExports.useCallback(() => {
+    Promise.all([electron$1.gitBranches(), electron$1.gitRemotes()]).then(([b, r]) => {
+      setBranches(b);
+      setRemotes(r);
+    }).catch(() => {
+    }).finally(() => setLoading(false));
+  }, []);
+  reactExports.useEffect(() => {
+    load();
+  }, [load]);
+  async function checkout(name2, remote2) {
+    try {
+      setError(null);
+      const localName = remote2 ? name2.replace(/^origin\//, "") : name2;
+      await electron$1.gitCheckout(localName, false);
+      load();
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  async function createBranch() {
+    if (!newBranch.trim()) return;
+    try {
+      setError(null);
+      await electron$1.gitCheckout(newBranch.trim(), true);
+      setNewBranch("");
+      setCreating(false);
+      load();
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  async function addRemote() {
+    if (!remoteName.trim() || !remoteUrl.trim()) return;
+    try {
+      setError(null);
+      await electron$1.gitAddRemote(remoteName.trim(), remoteUrl.trim());
+      setRemoteName("origin");
+      setRemoteUrl("");
+      setAddingRemote(false);
+      load();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  function startEdit(r) {
+    setEditingRemote(r.name);
+    setEditUrl(r.url);
+  }
+  async function saveRemoteUrl(name2) {
+    if (!editUrl.trim()) return;
+    try {
+      setError(null);
+      await electron$1.gitSetRemoteUrl(name2, editUrl.trim());
+      setEditingRemote(null);
+      load();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  async function removeRemote(name2) {
+    try {
+      setError(null);
+      await electron$1.gitRemoveRemote(name2);
+      load();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  const local = branches.filter((b) => !b.remote);
+  const remote = branches.filter((b) => b.remote);
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "Loading…" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto", children: [
+    error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-red-400 px-3 py-1 truncate", children: error2 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-2 border-b border-surface-800", children: creating ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          autoFocus: true,
+          value: newBranch,
+          onChange: (e) => setNewBranch(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") createBranch();
+            if (e.key === "Escape") setCreating(false);
+          },
+          placeholder: "branch-name",
+          className: "flex-1 bg-surface-800 border border-surface-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-blue-500 placeholder-surface-600"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: createBranch, className: "text-xs text-blue-400 hover:text-blue-300 px-1", children: "Create" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setCreating(false), className: "text-xs text-surface-500 hover:text-white px-1", children: "✕" })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setCreating(true), className: "text-[11px] text-blue-400 hover:text-blue-300 transition-colors", children: "+ New branch" }) }),
+    local.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-1.5 text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Local" }),
+      local.map((b) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: () => !b.current && checkout(b.name, false),
+          className: `w-full flex items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors ${b.current ? "text-blue-300 cursor-default" : "text-surface-300 hover:bg-surface-800/50"}`,
+          children: [
+            b.current ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400 text-[10px]", children: "●" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: b.name })
+          ]
+        },
+        b.name
+      ))
+    ] }),
+    remote.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-1.5 text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Remote branches" }),
+      remote.map((b) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: () => checkout(b.name, true),
+          className: "w-full flex items-center gap-2 px-3 py-1.5 text-left text-xs text-surface-400 hover:bg-surface-800/50 hover:text-surface-200 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: b.name })
+          ]
+        },
+        b.name
+      ))
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "border-t border-surface-800 mt-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-1.5 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Remotes" }),
+        !addingRemote && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setAddingRemote(true), className: "text-[10px] text-blue-400 hover:text-blue-300 transition-colors", children: "+ Add" })
+      ] }),
+      remotes.map((r) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-1 group", children: editingRemote === r.name ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-surface-400", children: r.name }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              autoFocus: true,
+              value: editUrl,
+              onChange: (e) => setEditUrl(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") saveRemoteUrl(r.name);
+                if (e.key === "Escape") setEditingRemote(null);
+              },
+              className: "flex-1 bg-surface-800 border border-surface-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-blue-500"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => saveRemoteUrl(r.name), className: "text-xs text-blue-400 hover:text-blue-300 px-1", children: "Save" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setEditingRemote(null), className: "text-xs text-surface-500 hover:text-white px-1", children: "✕" })
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-mono text-surface-300 shrink-0", children: r.name }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-surface-600 truncate flex-1", children: r.url }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => startEdit(r),
+            className: "opacity-0 group-hover:opacity-100 text-[10px] text-surface-500 hover:text-blue-400 transition-all shrink-0",
+            title: "Edit URL",
+            children: "✎"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => removeRemote(r.name),
+            className: "opacity-0 group-hover:opacity-100 text-[10px] text-surface-500 hover:text-red-400 transition-all shrink-0",
+            title: "Remove remote",
+            children: "✕"
+          }
+        )
+      ] }) }, r.name)),
+      remotes.length === 0 && !addingRemote && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 pb-2 text-[11px] text-surface-600", children: "No remotes configured." }),
+      addingRemote && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 pb-3 flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            value: remoteName,
+            onChange: (e) => setRemoteName(e.target.value),
+            placeholder: "name (e.g. origin)",
+            className: "w-full bg-surface-800 border border-surface-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-blue-500 placeholder-surface-600"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            autoFocus: true,
+            value: remoteUrl,
+            onChange: (e) => setRemoteUrl(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") addRemote();
+              if (e.key === "Escape") setAddingRemote(false);
+            },
+            placeholder: "git@github.com:user/repo.git",
+            className: "w-full bg-surface-800 border border-surface-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-blue-500 placeholder-surface-600"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: addRemote, className: "text-xs text-blue-400 hover:text-blue-300 transition-colors", children: "Add remote" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setAddingRemote(false), className: "text-xs text-surface-500 hover:text-white transition-colors", children: "Cancel" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function detectPlatform(remotes) {
+  const urls = remotes.map((r) => r.url.toLowerCase()).join(" ");
+  if (urls.includes("github.com")) return "github";
+  if (urls.includes("gitlab.com") || urls.includes("gitlab.")) return "gitlab";
+  if (urls.includes("dev.azure.com") || urls.includes("visualstudio.com")) return "azure";
+  return "unknown";
+}
+const NODE_LTS = "lts/*";
+function generateCiContent(platform, envName, tags2, secretVars) {
+  const runCmd = [
+    "api-spector run --workspace .",
+    envName ? `--environment "${envName}"` : "",
+    tags2 ? `--tags "${tags2}"` : "",
+    "--output results.json"
+  ].filter(Boolean).join(" ");
+  if (platform === "github") {
+    const secretHint = secretVars.length ? `      # ⚠ Add these secrets in: Settings → Secrets and variables → Actions
+` + secretVars.map((v) => `      #   ${v}`).join("\n") + "\n" : "";
+    const envBlock = secretVars.length ? "\n        env:\n" + secretVars.map((v) => `          ${v}: \${{ secrets.${v} }}`).join("\n") : "";
+    return `name: API Tests
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+jobs:
+  api-tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '${NODE_LTS}'
+      - run: npm install -g @testsmith/api-spector
+${secretHint}      - name: Run API tests
+        run: ${runCmd}${envBlock}
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: api-test-results
+          path: results.json
+`;
+  }
+  if (platform === "gitlab") {
+    const secretHint = secretVars.length ? `  # ⚠ Add these in: Settings → CI/CD → Variables
+` + secretVars.map((v) => `  #   ${v}`).join("\n") + "\n" : "";
+    const envBlock = secretVars.length ? "\n  variables:\n" + secretVars.map((v) => `    ${v}: $${v}`).join("\n") : "";
+    return `api-tests:
+  image: node:${NODE_LTS}
+  stage: test
+  before_script:
+    - npm install -g @testsmith/api-spector
+${secretHint}  script:
+    - ${runCmd}${envBlock}
+  artifacts:
+    when: always
+    paths:
+      - results.json
+    expire_in: 30 days
+`;
+  }
+  if (platform === "azure") {
+    const secretHint = secretVars.length ? `  # ⚠ Add these in: Pipelines → Library → Variable groups (mark as secret)
+` + secretVars.map((v) => `  #   ${v}`).join("\n") + "\n" : "";
+    const envBlock = secretVars.length ? "\n    env:\n" + secretVars.map((v) => `      ${v}: $(${v})`).join("\n") : "";
+    return `trigger:
+  - main
+
+pool:
+  vmImage: ubuntu-latest
+
+steps:
+  - task: NodeTool@0
+    inputs:
+      versionSpec: '${NODE_LTS}.x'
+    displayName: 'Use Node.js ${NODE_LTS}'
+  - script: npm install -g @testsmith/api-spector
+    displayName: 'Install api Spector'
+${secretHint}  - script: ${runCmd}
+    displayName: 'Run API tests'${envBlock}
+  - publish: results.json
+    artifact: api-test-results
+    displayName: 'Upload test results'
+    condition: always()
+`;
+  }
+  return `# Unsupported platform — adapt as needed
+# ${runCmd}
+`;
+}
+function ciFilePath(platform) {
+  if (platform === "github") return ".github/workflows/api-tests.yml";
+  if (platform === "gitlab") return ".gitlab-ci.yml";
+  if (platform === "azure") return "azure-pipelines.yml";
+  return "ci.yml";
+}
+function CiTab() {
+  const environments = useStore((s) => s.environments);
+  const envList = Object.values(environments);
+  const [remotes, setRemotes] = reactExports.useState([]);
+  const [platform, setPlatform] = reactExports.useState("unknown");
+  const [envId, setEnvId] = reactExports.useState("");
+  const [tags2, setTags] = reactExports.useState("");
+  const [preview, setPreview] = reactExports.useState("");
+  const [written, setWritten] = reactExports.useState(false);
+  const [error2, setError] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    electron$1.gitRemotes().then((r) => {
+      setRemotes(r);
+      const detected = detectPlatform(r);
+      setPlatform(detected);
+    }).catch(() => {
+    });
+  }, []);
+  reactExports.useEffect(() => {
+    const env = envList.find((e) => e.data.id === envId);
+    const secretVars = env ? env.data.variables.filter((v) => v.secret && v.enabled).map((v) => v.key) : [];
+    const envName = env?.data.name ?? "";
+    setPreview(generateCiContent(platform, envName, tags2, secretVars));
+    setWritten(false);
+  }, [platform, envId, tags2, environments]);
+  async function write() {
+    try {
+      setError(null);
+      await electron$1.gitWriteCiFile(ciFilePath(platform), preview);
+      setWritten(true);
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  const platformLabels = {
+    github: "GitHub Actions",
+    gitlab: "GitLab CI",
+    azure: "Azure Pipelines",
+    unknown: "Unknown"
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-3 flex flex-col gap-3 border-b border-surface-800", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Platform" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "select",
+          {
+            value: platform,
+            onChange: (e) => setPlatform(e.target.value),
+            className: "bg-surface-800 border border-surface-700 rounded px-2 py-1.5 text-xs focus:outline-none focus:border-blue-500",
+            children: ["github", "gitlab", "azure"].map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: p, children: platformLabels[p] }, p))
+          }
+        ),
+        remotes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-surface-600", children: [
+          "Detected from remote: ",
+          platformLabels[detectPlatform(remotes)]
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Environment" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "select",
+          {
+            value: envId,
+            onChange: (e) => setEnvId(e.target.value),
+            className: "bg-surface-800 border border-surface-700 rounded px-2 py-1.5 text-xs focus:outline-none focus:border-blue-500",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "— none —" }),
+              envList.map((e) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: e.data.id, children: e.data.name }, e.data.id))
+            ]
+          }
+        ),
+        envId && (() => {
+          const env = envList.find((e) => e.data.id === envId);
+          const secrets = env?.data.variables.filter((v) => v.secret && v.enabled) ?? [];
+          return secrets.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-amber-400/80", children: [
+            secrets.length,
+            " secret variable",
+            secrets.length !== 1 ? "s" : "",
+            " will be mapped to CI secrets"
+          ] }) : null;
+        })()
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Tags (optional)" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            value: tags2,
+            onChange: (e) => setTags(e.target.value),
+            placeholder: "e.g. smoke, regression",
+            className: "bg-surface-800 border border-surface-700 rounded px-2 py-1.5 text-xs focus:outline-none focus:border-blue-500 placeholder-surface-600"
+          }
+        )
+      ] }),
+      error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-red-400", children: error2 }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: write,
+            className: "flex-1 py-1.5 bg-blue-600 hover:bg-blue-500 rounded text-xs font-medium transition-colors",
+            children: [
+              "Write ",
+              ciFilePath(platform)
+            ]
+          }
+        ),
+        written && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] text-emerald-400", children: "✓ Written" })
+      ] })
+    ] }),
+    /* @__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 })
+    ] })
+  ] });
+}
+function GitPanel() {
+  const [isRepo, setIsRepo] = reactExports.useState(null);
+  const [status, setStatus] = reactExports.useState(null);
+  const [tab, setTab] = reactExports.useState("changes");
+  const [loading, setLoading] = reactExports.useState(true);
+  const refresh = reactExports.useCallback(async () => {
+    try {
+      const repo = await electron$1.gitIsRepo();
+      setIsRepo(repo);
+      if (repo) setStatus(await electron$1.gitStatus());
+    } catch {
+      setIsRepo(false);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center text-xs text-surface-500", children: "Loading…" });
+  }
+  if (!isRepo) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center gap-3 px-4 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-400", children: "Not a git repository." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: async () => {
+            await electron$1.gitInit();
+            refresh();
+          },
+          className: "px-3 py-1.5 bg-surface-800 hover:bg-surface-700 rounded text-xs transition-colors",
+          children: "git init"
+        }
+      )
+    ] });
+  }
+  const totalChanges = status ? status.staged.length + status.unstaged.length + status.untracked.length : 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex border-b border-surface-800 flex-shrink-0", children: [
+      ["changes", "log", "branches", "ci"].map((t2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: () => setTab(t2),
+          className: `flex-1 py-1.5 text-[11px] capitalize transition-colors border-b-2 -mb-px ${tab === t2 ? "border-blue-500 text-white" : "border-transparent text-surface-400 hover:text-white"}`,
+          children: [
+            t2,
+            t2 === "changes" && totalChanges > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1 bg-surface-700 text-surface-300 rounded px-1 text-[9px]", children: totalChanges })
+          ]
+        },
+        t2
+      )),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: refresh,
+          title: "Refresh",
+          className: "px-2 text-surface-600 hover:text-surface-300 transition-colors border-b-2 border-transparent -mb-px",
+          children: "↺"
+        }
+      )
+    ] }),
+    tab === "changes" && status && /* @__PURE__ */ jsxRuntimeExports.jsx(ChangesTab, { status, onRefresh: refresh }),
+    tab === "log" && /* @__PURE__ */ jsxRuntimeExports.jsx(LogTab, {}),
+    tab === "branches" && /* @__PURE__ */ jsxRuntimeExports.jsx(BranchesTab, { onRefresh: refresh }),
+    tab === "ci" && /* @__PURE__ */ jsxRuntimeExports.jsx(CiTab, {})
+  ] });
+}
 function CommandPalette() {
   const open = useStore((s) => s.commandPaletteOpen);
   const setOpen = useStore((s) => s.setCommandPaletteOpen);
@@ -54528,6 +55521,15 @@ function IconMock() {
 function IconContract() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 14a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 5.477V17H13a1 1 0 110 2H7a1 1 0 110-2h2V5.477L6.237 6.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 14a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 3.323V3a1 1 0 011-1z", clipRule: "evenodd" }) });
 }
+function IconGit() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "18", height: "18", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "6", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "6", cy: "18", r: "2.5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "18", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "6", y1: "8.5", x2: "6", y2: "15.5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M6 8.5 C6 13 18 10 18 8.5" })
+  ] });
+}
 function ActivityBarBtn({
   active,
   onClick,
@@ -54535,18 +55537,20 @@ function ActivityBarBtn({
   badge,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "button",
-    {
-      onClick,
-      title: title2,
-      className: `relative w-10 h-10 flex items-center justify-center rounded transition-colors ${active ? "text-white bg-surface-800" : "text-surface-600 hover:text-surface-300 hover:bg-surface-800/50"}`,
-      children: [
-        children,
-        badge !== void 0 && badge > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute top-1 right-1 text-[9px] bg-surface-600 text-white rounded-full w-3.5 h-3.5 flex items-center justify-center font-medium leading-none", children: badge > 9 ? "9+" : badge })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group/ab", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick,
+        className: `relative w-10 h-10 flex items-center justify-center rounded transition-colors ${active ? "text-white bg-surface-800" : "text-surface-600 hover:text-surface-300 hover:bg-surface-800/50"}`,
+        children: [
+          children,
+          badge !== void 0 && badge > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute top-1 right-1 text-[9px] bg-surface-600 text-white rounded-full w-3.5 h-3.5 flex items-center justify-center font-medium leading-none", children: badge > 9 ? "9+" : badge })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute left-full top-1/2 -translate-y-1/2 ml-2 z-50 hidden group-hover/ab:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap rounded px-2 py-1 text-[11px] bg-[#1e1b2e] text-gray-200 border border-white/10 shadow-lg", children: title2 }) })
+  ] });
 }
 const TAB_METHOD_COLORS = {
   GET: "text-emerald-400",
@@ -54634,7 +55638,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.0.9"
+        "0.1.1"
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Toolbar, { onOpenDocs: () => setDocsModalOpen(true) }),
@@ -54676,11 +55680,20 @@ function App() {
             title: "Contract testing",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconContract, {})
           }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ActivityBarBtn,
+          {
+            active: sidebarOpen && sidebarTab === "git",
+            onClick: () => selectPanel("git"),
+            title: "Git",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconGit, {})
+          }
         )
       ] }),
       sidebarOpen ? /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "w-64 flex-shrink-0 border-r border-surface-800 flex flex-col overflow-hidden", children: [
         /* @__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: sidebarTab === "collections" ? "Collections" : sidebarTab === "history" ? "History" : sidebarTab === "mocks" ? "Mocks" : "Contracts" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-surface-600", children: sidebarTab === "collections" ? "Collections" : sidebarTab === "history" ? "History" : sidebarTab === "mocks" ? "Mocks" : sidebarTab === "git" ? "Git" : "Contracts" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
             sidebarTab === "history" && historyCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-surface-700 text-surface-400 rounded px-1.5 py-0.5", children: historyCount }),
             sidebarTab === "collections" && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -54703,7 +55716,7 @@ function App() {
             )
           ] })
         ] }),
-        sidebarTab === "collections" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionTree, {}) : sidebarTab === "history" ? /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryPanel, {}) : sidebarTab === "mocks" ? /* @__PURE__ */ jsxRuntimeExports.jsx(MockPanel, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ContractPanel, {})
+        sidebarTab === "collections" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionTree, {}) : sidebarTab === "history" ? /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryPanel, {}) : sidebarTab === "mocks" ? /* @__PURE__ */ jsxRuntimeExports.jsx(MockPanel, {}) : sidebarTab === "git" ? /* @__PURE__ */ jsxRuntimeExports.jsx(GitPanel, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ContractPanel, {})
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {