gitxelectron 1.2.1 → 1.2.3

package/out/renderer/assets/{index-ChfAIvyi.js → index-C9VJOfEp.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,7 +24613,10 @@ function App() {
   const [autoSyncLogs, setAutoSyncLogs] = reactExports.useState([]);
   const [showAutoSyncLogs, setShowAutoSyncLogs] = reactExports.useState(false);
   const [isRefreshing, setIsRefreshing] = reactExports.useState(false);
+  const [gitProgress, setGitProgress] = reactExports.useState(0);
   const refreshLockRef = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+  }, [gitProgress]);
   const [showWelcomeWizard, setShowWelcomeWizard] = reactExports.useState(false);
   const [newPin, setNewPin] = reactExports.useState("");
   const [pinChangeSuccess, setPinChangeSuccess] = reactExports.useState(false);
@@ -24798,6 +24801,12 @@ function App() {
         }
       }
     });
+    window.api.onGitProgress((data) => {
+      if (data && typeof data.progress === "number") {
+        setGitProgress(data.progress);
+        console.log(`[Git Progress]: ${data.progress}%`);
+      }
+    });
   }, []);
   const handleToggleAutoSync = () => {
     const next = !autoSyncEnabled;
@@ -25615,48 +25624,46 @@ function App() {
                 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs font-semibold text-secondary", children: t("dailyMobileVerification") }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary/60 mt-0.5", children: t("dailyMobileDesc") })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    const next = !dailyAuthEnabled;
-                    setDailyAuthEnabled(next);
-                    localStorage.setItem("gitelectron-daily-auth", next ? "true" : "false");
-                  },
-                  className: `relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 focus:outline-none ${dailyAuthEnabled ? "bg-accent" : "bg-surface-hover"}`,
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "span",
-                    {
-                      className: `pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${dailyAuthEnabled ? "translate-x-4" : "translate-x-0"}`
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "switch", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    className: "toggle",
+                    type: "checkbox",
+                    checked: dailyAuthEnabled,
+                    onChange: (e) => {
+                      const next = e.target.checked;
+                      setDailyAuthEnabled(next);
+                      localStorage.setItem("gitelectron-daily-auth", next ? "true" : "false");
                     }
-                  )
-                }
-              )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "slider" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "card-side" })
+              ] })
             ] }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border/50 pt-3 mt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs font-semibold text-secondary", children: t("enableSpaceScene") }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary/60 mt-0.5", children: t("spaceSceneDesc") })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    const next = !enableLockscreenSpace;
-                    setEnableLockscreenSpace(next);
-                    localStorage.setItem("gitelectron-enable-space", next ? "true" : "false");
-                  },
-                  className: `relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 focus:outline-none ${enableLockscreenSpace ? "bg-accent" : "bg-surface-hover"}`,
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "span",
-                    {
-                      className: `pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${enableLockscreenSpace ? "translate-x-4" : "translate-x-0"}`
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "switch", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    className: "toggle",
+                    type: "checkbox",
+                    checked: enableLockscreenSpace,
+                    onChange: (e) => {
+                      const next = e.target.checked;
+                      setEnableLockscreenSpace(next);
+                      localStorage.setItem("gitelectron-enable-space", next ? "true" : "false");
                     }
-                  )
-                }
-              )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "slider" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "card-side" })
+              ] })
             ] }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border/50 pt-3 mt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -27117,12 +27124,12 @@ function App() {
           ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-hidden flex flex-col lg:flex-row gap-6 pb-2", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 bg-surface/70 backdrop-blur-md rounded-xl border border-border flex flex-col transition-colors duration-300 overflow-hidden", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b border-border px-4 pt-3 gap-1", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center border-b border-border px-4 pt-3 gap-y-2 gap-x-1", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs(
                     "button",
                     {
                       onClick: () => setChangesTab("changes"),
-                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 ${changesTab === "changes" ? "text-primary border-accent bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
+                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 whitespace-nowrap flex-shrink-0 ${changesTab === "changes" ? "text-primary border-accent bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
                       children: [
                         "Changes",
                         status.not_added.length + status.modified.length + status.created.length + status.conflicted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1.5 bg-accent/20 text-accent text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: status.not_added.length + status.modified.length + status.created.length + status.conflicted.length })
@@ -27133,7 +27140,7 @@ function App() {
                     "button",
                     {
                       onClick: () => setChangesTab("deleted"),
-                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 ${changesTab === "deleted" ? "text-primary border-danger bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
+                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 whitespace-nowrap flex-shrink-0 ${changesTab === "deleted" ? "text-primary border-danger bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
                       children: [
                         "Deleted",
                         status.deleted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1.5 bg-danger/20 text-danger text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: status.deleted.length })
@@ -27148,7 +27155,7 @@ function App() {
                         window.api.getCollaboratedRepos().then((repos) => setCollaboratedRepos(repos || [])).catch(() => {
                         });
                       },
-                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 ${changesTab === "collaboration-repo" ? "text-primary border-brand bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
+                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 whitespace-nowrap flex-shrink-0 ${changesTab === "collaboration-repo" ? "text-primary border-brand bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
                       children: [
                         "Collaboration Repo",
                         collaboratedRepos.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1.5 bg-brand/20 text-brand text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: collaboratedRepos.length })
@@ -27161,7 +27168,7 @@ function App() {
                       {
                         onClick: handleUploadFiles,
                         disabled: !repoPath || isUploading,
-                        className: "text-xs bg-brand/10 hover:bg-brand/20 text-brand border border-brand/30 px-2.5 py-1 rounded-md transition-all flex items-center gap-1.5 font-medium shadow-sm disabled:opacity-50",
+                        className: "text-xs bg-brand/10 hover:bg-brand/20 text-brand border border-brand/30 px-2.5 py-1 rounded-md transition-all flex items-center gap-1.5 font-medium shadow-sm disabled:opacity-50 whitespace-nowrap flex-shrink-0",
                         title: "Upload files directly into this repository",
                         children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" }) }),
@@ -27173,7 +27180,7 @@ function App() {
                       "button",
                       {
                         onClick: handleStageAll,
-                        className: "text-xs bg-surface-hover text-primary px-2.5 py-1 rounded-md transition-colors border border-border hover:brightness-110",
+                        className: "text-xs bg-surface-hover text-primary px-2.5 py-1 rounded-md transition-colors border border-border hover:brightness-110 whitespace-nowrap flex-shrink-0",
                         children: "Stage All"
                       }
                     )