gitxelectron 1.2.0 → 1.2.2

package/out/main/index.js

@@ -728,6 +728,19 @@ async function unstageFiles(sessionId, files) {
 }
 async function commitChanges(sessionId, message) {
   const { git } = getGitSession(sessionId);
+  try {
+    const nameConfig = await git.getConfig("user.name");
+    const emailConfig = await git.getConfig("user.email");
+    if (!nameConfig.value || !emailConfig.value) {
+      const account = getActiveAccount(sessionId);
+      const name = account?.username || "GitQuickPush User";
+      const email = account ? `${account.username}@users.noreply.github.com` : "noreply@gitquickpush.local";
+      if (!nameConfig.value) await git.addConfig("user.name", name);
+      if (!emailConfig.value) await git.addConfig("user.email", email);
+    }
+  } catch (e) {
+    console.warn("Failed to check or set git author identity", e);
+  }
   return await git.commit(message);
 }
 function injectAuthToken(sessionId, remoteUrl) {
@@ -825,12 +838,14 @@ async function getBranches(sessionId) {
         GIT_TERMINAL_PROMPT: "0",
         GIT_ASKPASS: "echo"
       });
-      if (remoteObj.refs.fetch) {
-        const authUrl = injectAuthToken(sessionId, remoteObj.refs.fetch);
-        await tempGit.fetch(authUrl, { "--prune": null });
-      } else {
-        await tempGit.fetch(remoteObj.name, { "--prune": null });
-      }
+      const FETCH_TIMEOUT_MS = 15e3;
+      const fetchPromise = remoteObj.refs.fetch ? tempGit.fetch(injectAuthToken(sessionId, remoteObj.refs.fetch), { "--prune": null }) : tempGit.fetch(remoteObj.name, { "--prune": null });
+      await Promise.race([
+        fetchPromise,
+        new Promise(
+          (_, reject) => setTimeout(() => reject(new Error("Fetch timed out")), FETCH_TIMEOUT_MS)
+        )
+      ]);
     }
   } catch (e) {
   }

package/out/renderer/assets/{index-jk_ou_Zp.js → index-DKnAX29A.js}

@@ -12644,12 +12644,12 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
     localStorage.setItem(`gitquickpush-wizard-dismissed-${repoPath}`, "true");
     if (onClose) onClose();
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-[70] p-6 transition-opacity", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface/95 backdrop-blur-xl rounded-xl shadow-2xl border border-border w-full max-w-[550px] mx-4 overflow-hidden animate-float relative", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-[70] p-4 sm:p-6 transition-opacity", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface/95 backdrop-blur-xl rounded-xl shadow-2xl border border-border w-full max-w-[550px] mx-auto overflow-hidden animate-float relative flex flex-col max-h-[90vh]", children: [
     isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 bg-surface/90 backdrop-blur-md z-10 flex flex-col items-center justify-center", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-[350px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-[250px] sm:w-[350px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 font-mono text-sm text-primary animate-pulse", children: "Processing..." })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border bg-surface-hover/50", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border bg-surface-hover/50 shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "text-lg font-bold text-primary flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-brand", children: "✦" }),
         " Repository Setup"
@@ -12658,7 +12658,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
         "button",
         {
           onClick: handleClose,
-          className: "text-secondary hover:text-primary transition-colors",
+          className: "text-secondary hover:text-primary transition-colors p-1 rounded-md hover:bg-surface",
           children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "path",
             {
@@ -12671,16 +12671,16 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-6 overflow-y-auto", children: [
       error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-danger/10 border border-danger/20 text-danger p-3 rounded-md mb-4 text-sm", children: error }),
-      step === 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+      step === 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center py-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold text-primary mb-2", children: "Connecting to GitHub..." }),
         deviceFlowData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-secondary", children: "Please check your browser to authorize GitQuickPush." }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-secondary", children: [
             "Your code is:",
             " ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-accent font-bold", children: deviceFlowData.user_code })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-accent font-bold bg-surface px-2 py-1 rounded", children: deviceFlowData.user_code })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 text-sm text-primary mt-4", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12718,7 +12718,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
       ] }),
       step === 2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-3 p-3 border border-border rounded-lg cursor-pointer hover:bg-surface-hover transition-colors", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-start sm:items-center gap-3 p-3 border border-border rounded-lg cursor-pointer hover:bg-surface-hover transition-colors", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "input",
               {
@@ -12726,15 +12726,15 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
                 name: "action",
                 checked: action === "new",
                 onChange: () => setAction("new"),
-                className: "text-brand focus:ring-brand accent-brand"
+                className: "text-brand focus:ring-brand accent-brand mt-1 sm:mt-0"
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-primary font-semibold", children: "Create New GitHub Repository" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-primary font-semibold text-sm sm:text-base", children: "Create New GitHub Repository" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-secondary text-xs", children: "Create a new remote repository and push this folder." })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-3 p-3 border border-border rounded-lg cursor-pointer hover:bg-surface-hover transition-colors", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-start sm:items-center gap-3 p-3 border border-border rounded-lg cursor-pointer hover:bg-surface-hover transition-colors", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "input",
               {
@@ -12742,15 +12742,15 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
                 name: "action",
                 checked: action === "existing",
                 onChange: () => setAction("existing"),
-                className: "text-brand focus:ring-brand accent-brand"
+                className: "text-brand focus:ring-brand accent-brand mt-1 sm:mt-0"
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-primary font-semibold", children: "Connect to Existing GitHub Repository" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-primary font-semibold text-sm sm:text-base", children: "Connect to Existing GitHub Repository" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-secondary text-xs", children: "Link this folder to an existing remote repository." })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-3 p-3 border border-border rounded-lg cursor-pointer hover:bg-surface-hover transition-colors", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-start sm:items-center gap-3 p-3 border border-border rounded-lg cursor-pointer hover:bg-surface-hover transition-colors", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "input",
               {
@@ -12758,11 +12758,11 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
                 name: "action",
                 checked: action === "local",
                 onChange: () => setAction("local"),
-                className: "text-brand focus:ring-brand accent-brand"
+                className: "text-brand focus:ring-brand accent-brand mt-1 sm:mt-0"
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-primary font-semibold", children: "Local Repository Only" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-primary font-semibold text-sm sm:text-base", children: "Local Repository Only" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-secondary text-xs", children: "Initialize Git locally without GitHub." })
             ] })
           ] })
@@ -12776,7 +12776,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
                 type: "text",
                 value: repoName,
                 onChange: (e) => setRepoName(e.target.value),
-                className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent"
+                className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent transition-colors"
               }
             )
           ] }),
@@ -12788,7 +12788,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
                 type: "text",
                 value: repoDesc,
                 onChange: (e) => setRepoDesc(e.target.value),
-                className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent"
+                className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent transition-colors"
               }
             )
           ] }),
@@ -12817,7 +12817,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-primary", children: "Add a README file" })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "block text-xs font-semibold text-secondary mb-1", children: "Add .gitignore" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12825,7 +12825,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
                   {
                     value: gitignoreTemplate,
                     onChange: (e) => setGitignoreTemplate(e.target.value),
-                    className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent appearance-none cursor-pointer",
+                    className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent appearance-none cursor-pointer transition-colors",
                     children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "None" }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "Node", children: "Node" }),
@@ -12844,7 +12844,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
                   {
                     value: licenseTemplate,
                     onChange: (e) => setLicenseTemplate(e.target.value),
-                    className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent appearance-none cursor-pointer",
+                    className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent appearance-none cursor-pointer transition-colors",
                     children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "None" }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "mit", children: "MIT License" }),
@@ -12865,7 +12865,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
             {
               value: selectedRepoUrl,
               onChange: (e) => setSelectedRepoUrl(e.target.value),
-              className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent appearance-none",
+              className: "w-full bg-surface-hover border border-border rounded-md px-3 py-2 text-sm text-primary focus:outline-none focus:border-accent appearance-none transition-colors",
               children: userRepos.map((r) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: r.clone_url, children: r.full_name }, r.id))
             }
           )
@@ -12875,7 +12875,7 @@ function RepositoryWizard({ repoPath, onClose, onSuccess }) {
           {
             onClick: handleProceed,
             disabled: isLoading,
-            className: "flex-1 py-2 bg-brand hover:bg-brand-hover border border-white/10 text-white rounded-md font-semibold transition-all disabled:opacity-50",
+            className: "flex-1 py-2 sm:py-3 bg-brand hover:bg-brand-hover border border-white/10 text-white rounded-md font-semibold transition-all shadow-[0_0_15px_rgba(37,99,235,0.2)] hover:shadow-[0_0_25px_rgba(37,99,235,0.4)] disabled:opacity-50 disabled:shadow-none",
             children: isLoading ? "Processing..." : "Proceed"
           }
         ) })
@@ -23355,34 +23355,34 @@ function WelcomeWizard({ onComplete }) {
       onComplete();
     }, 1e3);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-[999] bg-gray-900 text-white font-sans flex items-center justify-center overflow-hidden animate-fade-in", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-[999] bg-gray-900 text-white font-sans flex items-center justify-center overflow-hidden animate-fade-in p-4 sm:p-6", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 z-0 opacity-20 pointer-events-none", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-[-20%] left-[-10%] w-[50%] h-[50%] bg-blue-600 rounded-full blur-[120px] mix-blend-screen animate-pulse" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-[-20%] right-[-10%] w-[60%] h-[60%] bg-purple-600 rounded-full blur-[150px] mix-blend-screen animate-pulse animation-delay-2000" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10 w-full max-w-2xl bg-gray-800/60 backdrop-blur-xl border border-gray-700/50 rounded-2xl shadow-2xl overflow-hidden flex flex-col", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-1.5 w-full bg-gray-800", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10 w-full max-w-2xl max-h-[90vh] bg-surface rounded-2xl shadow-2xl overflow-hidden flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-1.5 w-full bg-surface-hover shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           className: "h-full bg-gradient-to-r from-blue-500 to-purple-500 transition-all duration-700 ease-out",
           style: { width: `${(step - 1) / 3 * 100}%` }
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-10 flex-grow flex flex-col min-h-[450px]", children: [
-        step === 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-grow text-center animate-fade-in", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logo, alt: "Logo", className: "w-24 h-24 mb-6 drop-shadow-[0_0_15px_rgba(59,130,246,0.5)]" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-4xl font-bold mb-2 bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent", children: "Welcome to GitElectron" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xl text-gray-400 mb-10 font-light", children: "I just write code. GitElectron takes care of Git." }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 w-full mb-12 text-left px-4 md:px-0", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-gray-800/50 p-6 rounded-xl border border-gray-700/50 flex flex-col justify-center", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-semibold text-blue-400 mb-2 text-lg", children: "Invisible Auto-Sync" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-400 leading-relaxed", children: "Silently watches your files and pushes to GitHub automatically." })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-6 sm:p-10 flex-grow flex flex-col min-h-[400px] sm:min-h-[450px] overflow-y-auto", children: [
+        step === 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-grow text-center animate-fade-in py-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logo, alt: "Logo", className: "w-20 h-20 sm:w-24 sm:h-24 mb-6 drop-shadow-[0_0_15px_rgba(59,130,246,0.5)]" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-3xl sm:text-4xl font-bold mb-2 bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent", children: "Welcome to GitElectron" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-lg sm:text-xl text-gray-400 mb-8 sm:mb-10 font-light px-4", children: "I just write code. GitElectron takes care of Git." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6 w-full mb-8 sm:mb-12 text-left px-2 sm:px-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface-hover/50 p-5 sm:p-6 rounded-xl border border-border flex flex-col justify-center transition-transform hover:scale-[1.02] hover:bg-surface-hover/80", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-semibold text-blue-400 mb-2 text-base sm:text-lg", children: "Invisible Auto-Sync" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs sm:text-sm text-gray-400 leading-relaxed", children: "Silently watches your files and pushes to GitHub automatically." })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-gray-800/50 p-6 rounded-xl border border-gray-700/50 flex flex-col justify-center", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-semibold text-purple-400 mb-2 text-lg", children: "Universal CLI" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-gray-400 leading-relaxed", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface-hover/50 p-5 sm:p-6 rounded-xl border border-border flex flex-col justify-center transition-transform hover:scale-[1.02] hover:bg-surface-hover/80", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-semibold text-purple-400 mb-2 text-base sm:text-lg", children: "Universal CLI" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs sm:text-sm text-gray-400 leading-relaxed", children: [
                 "Run ",
-                /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "bg-gray-900 px-1 py-0.5 rounded text-purple-300", children: "gitelectron open" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "bg-canvas px-1 py-0.5 rounded text-purple-300", children: "gitelectron open" }),
                 " from any terminal to launch instantly."
               ] })
             ] })
@@ -23391,7 +23391,7 @@ function WelcomeWizard({ onComplete }) {
             "button",
             {
               onClick: () => setStep(2),
-              className: "group relative px-8 py-3 bg-blue-600 hover:bg-blue-500 text-white rounded-full font-bold transition-all shadow-[0_0_20px_rgba(37,99,235,0.4)] hover:shadow-[0_0_30px_rgba(37,99,235,0.6)] flex items-center gap-2",
+              className: "group relative px-6 sm:px-8 py-3 bg-blue-600 hover:bg-blue-500 text-white rounded-full font-bold transition-all shadow-[0_0_20px_rgba(37,99,235,0.4)] hover:shadow-[0_0_30px_rgba(37,99,235,0.6)] flex items-center gap-2 mt-auto",
               children: [
                 "Get Started",
                 /* @__PURE__ */ jsxRuntimeExports.jsx(FiChevronRight, { className: "group-hover:translate-x-1 transition-transform" })
@@ -23399,82 +23399,82 @@ function WelcomeWizard({ onComplete }) {
             }
           )
         ] }),
-        step === 2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-grow animate-fade-in", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(FiGithub, { className: "text-6xl text-gray-300 mb-6" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-3xl font-bold mb-3", children: "Connect GitHub" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-400 mb-8 text-center max-w-md", children: "Securely link your GitHub account using OAuth. Your credentials are encrypted locally by your OS keychain." }),
+        step === 2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-grow animate-fade-in py-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FiGithub, { className: "text-5xl sm:text-6xl text-gray-300 mb-6" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-2xl sm:text-3xl font-bold mb-3", children: "Connect GitHub" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm sm:text-base text-gray-400 mb-8 text-center max-w-md px-4", children: "Securely link your GitHub account using OAuth. Your credentials are encrypted locally by your OS keychain." }),
           authStatus === "pending" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "button",
             {
               onClick: startAuth,
-              className: "px-8 py-3 bg-[#24292e] hover:bg-[#2f363d] text-white rounded-full font-bold transition-colors border border-gray-600 flex items-center gap-3",
+              className: "px-6 sm:px-8 py-3 bg-surface-hover hover:bg-border text-white rounded-full font-bold transition-colors border border-border flex items-center gap-3",
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(FiGithub, { className: "text-xl" }),
                 "Authenticate Now"
               ]
             }
           ),
-          authStatus === "waiting" && deviceFlowData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-gray-800/80 p-6 rounded-xl border border-gray-700 text-center w-full max-w-sm", children: [
+          authStatus === "waiting" && deviceFlowData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface/80 p-5 sm:p-6 rounded-xl border border-border text-center w-full max-w-sm", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-400 mb-2", children: "Your Device Code:" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-4xl font-mono tracking-widest text-blue-400 font-bold mb-4 bg-gray-900 py-3 rounded-lg border border-gray-800", children: deviceFlowData.user_code }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-gray-500 mb-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-3xl sm:text-4xl font-mono tracking-widest text-blue-400 font-bold mb-4 bg-canvas py-3 rounded-lg border border-border break-all px-2", children: deviceFlowData.user_code }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs sm:text-sm text-gray-500 mb-4 px-2", children: [
               "Your browser should open automatically. If not, go to",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: deviceFlowData.verification_uri, target: "_blank", rel: "noreferrer", className: "text-blue-400 ml-1 hover:underline", children: deviceFlowData.verification_uri })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: deviceFlowData.verification_uri, target: "_blank", rel: "noreferrer", className: "text-blue-400 ml-1 hover:underline break-all block mt-1", children: deviceFlowData.verification_uri })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }) })
           ] }),
           authStatus === "success" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center text-green-400", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(FiCheckCircle, { className: "text-5xl mb-3" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-bold text-lg", children: "Successfully Authenticated!" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-bold text-lg text-center", children: "Successfully Authenticated!" })
           ] }),
           authStatus === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-red-400 font-bold mb-2", children: "Authentication Failed" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-500 mb-4", children: authError }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-500 mb-4 px-4", children: authError }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setAuthStatus("pending"), className: "text-blue-400 hover:underline", children: "Try Again" })
           ] })
         ] }),
-        step === 3 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-grow animate-fade-in", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(FiShield, { className: "text-5xl text-purple-400 mb-4" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-3xl font-bold mb-2", children: "Set Lockscreen PIN" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-400 mb-8 text-center max-w-sm", children: "GitElectron locks itself when idle to protect your code. Enter a 3-digit PIN." }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-4 justify-center mb-8", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        step === 3 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-grow animate-fade-in py-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FiShield, { className: "text-4xl sm:text-5xl text-purple-400 mb-4" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-2xl sm:text-3xl font-bold mb-2 text-center", children: "Set Lockscreen PIN" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm sm:text-base text-gray-400 mb-6 sm:mb-8 text-center max-w-sm px-4", children: "GitElectron locks itself when idle to protect your code. Enter a 3-digit PIN." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-4 justify-center mb-6 sm:mb-8", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: `w-4 h-4 rounded-full transition-all duration-300 ${i < pinInput.length ? "bg-purple-500 scale-110 shadow-[0_0_10px_rgba(168,85,247,0.8)]" : "bg-gray-700"}`
+              className: `w-3 h-3 sm:w-4 sm:h-4 rounded-full transition-all duration-300 ${i < pinInput.length ? "bg-purple-500 scale-110 shadow-[0_0_10px_rgba(168,85,247,0.8)]" : "bg-border"}`
             },
             i
           )) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-3 gap-4 w-64", children: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "*", "0", "#"].map((key) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-3 gap-3 sm:gap-4 w-56 sm:w-64", children: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "*", "0", "#"].map((key) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               onClick: () => handleNumpadPress(key),
-              className: "w-full aspect-square flex items-center justify-center text-2xl font-bold rounded-xl bg-gray-800/80 hover:bg-gray-700 border border-gray-700 hover:border-gray-500 transition-colors",
+              className: "w-full aspect-square flex items-center justify-center text-xl sm:text-2xl font-bold rounded-xl bg-surface-hover/80 hover:bg-surface border border-border transition-colors",
               children: key
             },
             key
           )) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-64 mt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-56 sm:w-64 mt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               onClick: handleNumpadDelete,
               disabled: pinInput.length === 0,
-              className: "w-full py-3 flex items-center justify-center text-xl font-bold rounded-xl bg-gray-800/80 hover:bg-gray-700 border border-gray-700 hover:border-gray-500 transition-colors text-gray-400 disabled:opacity-30 disabled:hover:bg-gray-800/80 disabled:hover:border-gray-700",
+              className: "w-full py-2 sm:py-3 flex items-center justify-center text-lg sm:text-xl font-bold rounded-xl bg-surface-hover/80 hover:bg-surface border border-border transition-colors text-gray-400 disabled:opacity-30 disabled:hover:bg-surface-hover/80",
               children: "DEL"
             }
           ) })
         ] }),
-        step === 4 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex flex-col items-center justify-center flex-grow text-center transition-opacity duration-500 ${isFinishing ? "opacity-0 scale-95" : "opacity-100 animate-fade-in"}`, children: [
+        step === 4 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex flex-col items-center justify-center flex-grow text-center transition-opacity duration-500 ${isFinishing ? "opacity-0 scale-95" : "opacity-100 animate-fade-in"} py-4`, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative mb-6", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FiCheckCircle, { className: "text-7xl text-blue-500 relative z-10" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FiCheckCircle, { className: "text-6xl sm:text-7xl text-blue-500 relative z-10" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-blue-500 rounded-full blur-[20px] opacity-50 z-0" })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-4xl font-bold mb-3", children: "You're All Set!" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xl text-gray-400 mb-10 max-w-md", children: "Your environment is secured and connected. You can now drag and drop any folder to start Auto-Syncing." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-3xl sm:text-4xl font-bold mb-3", children: "You're All Set!" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-lg sm:text-xl text-gray-400 mb-8 sm:mb-10 max-w-md px-4", children: "Your environment is secured and connected. You can now drag and drop any folder to start Auto-Syncing." }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               onClick: finishSetup,
-              className: "px-10 py-4 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white rounded-full font-bold text-lg transition-all shadow-[0_0_20px_rgba(139,92,246,0.4)] hover:shadow-[0_0_30px_rgba(139,92,246,0.6)] hover:scale-105",
+              className: "px-8 sm:px-10 py-3 sm:py-4 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white rounded-full font-bold text-base sm:text-lg transition-all shadow-[0_0_20px_rgba(139,92,246,0.4)] hover:shadow-[0_0_30px_rgba(139,92,246,0.6)] hover:scale-105",
               children: "Launch GitElectron"
             }
           )
@@ -24613,6 +24613,7 @@ function App() {
   const [autoSyncLogs, setAutoSyncLogs] = reactExports.useState([]);
   const [showAutoSyncLogs, setShowAutoSyncLogs] = reactExports.useState(false);
   const [isRefreshing, setIsRefreshing] = reactExports.useState(false);
+  const refreshLockRef = reactExports.useRef(false);
   const [showWelcomeWizard, setShowWelcomeWizard] = reactExports.useState(false);
   const [newPin, setNewPin] = reactExports.useState("");
   const [pinChangeSuccess, setPinChangeSuccess] = reactExports.useState(false);
@@ -24777,7 +24778,7 @@ function App() {
     if (isRepo && repoPath) {
       interval = setInterval(() => {
         refreshRepoState();
-      }, 3e4);
+      }, 12e4);
     }
     return () => {
       if (interval) clearInterval(interval);
@@ -24943,6 +24944,8 @@ function App() {
     }
   };
   const refreshRepoState = async () => {
+    if (refreshLockRef.current) return;
+    refreshLockRef.current = true;
     setIsRefreshing(true);
     try {
       setErrorMsg("");
@@ -24956,28 +24959,6 @@ function App() {
         setDeletedHistory(dh);
       } catch (err) {
       }
-      try {
-        const b = await window.api.getBranches();
-        setBranches(b);
-        const updatedStatus = await window.api.getStatus();
-        setStatus(updatedStatus);
-        if (autoSyncEnabled && updatedStatus.behind > 0) {
-          const remotes2 = await window.api.getRemotes();
-          if (remotes2.length > 0) {
-            try {
-              showToast(`Auto-Push: Downloading ${updatedStatus.behind} remote change(s)...`, "info");
-              await window.api.pullFromRemote(remotes2[0].name, b.current);
-              showToast("Auto-Push: Successfully synchronized remote changes!", "success");
-              const finalStatus = await window.api.getStatus();
-              setStatus(finalStatus);
-            } catch (e) {
-              console.error("Auto-Push Pull failed:", e);
-            }
-          }
-        }
-      } catch (e) {
-        setBranches({ current: "No commits yet", all: [] });
-      }
       const auth = await window.api.getAuthStatus();
       setAuthStatus(auth);
       const accs = await window.api.getAccounts();
@@ -25009,32 +24990,58 @@ function App() {
       } else {
         setRemoteUrl(null);
       }
-      if (auth.status === "Verified") {
-        if (remotes.length > 0) {
-          const remoteUrl2 = remotes[0].refs.push;
-          const hasPerm = await window.api.verifyPushPermission(remoteUrl2);
-          setPushPermission(hasPerm);
-          try {
-            const invs = await window.api.getUserInvitations();
-            setInvitations(invs || []);
-          } catch (e) {
-            console.error("Failed to fetch invitations", e);
+      const deferredRemotes = remotes;
+      (async () => {
+        try {
+          const b = await window.api.getBranches();
+          setBranches(b);
+          const updatedStatus = await window.api.getStatus();
+          setStatus(updatedStatus);
+          if (autoSyncEnabled && updatedStatus.behind > 0) {
+            if (deferredRemotes.length > 0) {
+              try {
+                showToast(`Auto-Push: Downloading ${updatedStatus.behind} remote change(s)...`, "info");
+                await window.api.pullFromRemote(deferredRemotes[0].name, b.current);
+                showToast("Auto-Push: Successfully synchronized remote changes!", "success");
+                const finalStatus = await window.api.getStatus();
+                setStatus(finalStatus);
+              } catch (e) {
+                console.error("Auto-Push Pull failed:", e);
+              }
+            }
           }
-          try {
-            const collabData = await window.api.getCollaborators(remoteUrl2);
-            setRepoCollaborators(collabData.collaborators || []);
-            if (remoteUrl2 && repoPath) {
-              const cleaned = remoteUrl2.replace("https://github.com/", "").replace(/\.git$/, "");
-              saveMapping(cleaned, repoPath);
+        } catch (e) {
+          setBranches({ current: "No commits yet", all: [] });
+        }
+      })();
+      if (auth.status === "Verified") {
+        if (deferredRemotes.length > 0) {
+          const remoteUrl2 = deferredRemotes[0].refs.push;
+          (async () => {
+            try {
+              const hasPerm = await window.api.verifyPushPermission(remoteUrl2);
+              setPushPermission(hasPerm);
+            } catch (e) {
+              console.error("Failed to verify push permission", e);
             }
-            if (collabData.collaborators?.length > 1 || collabData.invitations?.length > 0) {
-              window.api.getCollaboratedRepos().then((repos) => setCollaboratedRepos(repos || [])).catch(() => {
-              });
+            try {
+              const invs = await window.api.getUserInvitations();
+              setInvitations(invs || []);
+            } catch (e) {
+              console.error("Failed to fetch invitations", e);
             }
-          } catch (e) {
-            console.error("Failed to fetch collaborators", e);
-            setRepoCollaborators([]);
-          }
+            try {
+              const collabData = await window.api.getCollaborators(remoteUrl2);
+              setRepoCollaborators(collabData.collaborators || []);
+              if (remoteUrl2 && repoPath) {
+                const cleaned = remoteUrl2.replace("https://github.com/", "").replace(/\.git$/, "");
+                saveMapping(cleaned, repoPath);
+              }
+            } catch (e) {
+              console.error("Failed to fetch collaborators", e);
+              setRepoCollaborators([]);
+            }
+          })();
         } else {
           setPushPermission(true);
         }
@@ -25072,6 +25079,7 @@ function App() {
       }
     } finally {
       setIsRefreshing(false);
+      refreshLockRef.current = false;
     }
   };
   const handleCreateBranchSubmit = async (name, base) => {