gitxelectron 1.2.3 → 1.2.5

package/out/renderer/assets/{index-C9VJOfEp.js → index-Cd-sn1hH.js}

@@ -13749,6 +13749,147 @@ const LogicGame2048 = () => {
     ] })
   ] });
 };
+const getRotation = (value, spins) => {
+  const s = spins * 360;
+  switch (value) {
+    case 1:
+      return `rotateX(${s}deg) rotateY(${s}deg)`;
+    case 2:
+      return `rotateX(${s}deg) rotateY(${s + 180}deg)`;
+    case 3:
+      return `rotateX(${s}deg) rotateY(${s - 90}deg)`;
+    case 4:
+      return `rotateX(${s}deg) rotateY(${s + 90}deg)`;
+    case 5:
+      return `rotateX(${s - 90}deg) rotateY(${s}deg)`;
+    case 6:
+      return `rotateX(${s + 90}deg) rotateY(${s}deg)`;
+    default:
+      return `rotateX(0deg) rotateY(0deg)`;
+  }
+};
+const DiceGame = () => {
+  const [targetNumber, setTargetNumber] = reactExports.useState(7);
+  const [isRolling, setIsRolling] = reactExports.useState(false);
+  const [dice1, setDice1] = reactExports.useState(5);
+  const [dice2, setDice2] = reactExports.useState(3);
+  const [spins, setSpins] = reactExports.useState(0);
+  const [gameResult, setGameResult] = reactExports.useState("idle");
+  const handleRoll = (e) => {
+    e.preventDefault();
+    if (isRolling) return;
+    setIsRolling(true);
+    setGameResult("idle");
+    setSpins((s) => s + 2);
+    const d1 = Math.floor(Math.random() * 6) + 1;
+    const d2 = Math.floor(Math.random() * 6) + 1;
+    setTimeout(() => {
+      setDice1(d1);
+      setDice2(d2);
+      setIsRolling(false);
+      if (d1 + d2 === targetNumber) {
+        setGameResult("win");
+      } else {
+        setGameResult("lose");
+      }
+    }, 1e3);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col items-center justify-center h-full w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "card flex flex-col items-center gap-6 p-8 relative overflow-visible mt-20", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2 mb-2 z-20", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-primary font-bold text-lg", children: "Guess the total (2-12):" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            type: "range",
+            min: "2",
+            max: "12",
+            value: targetNumber,
+            onChange: (e) => setTargetNumber(parseInt(e.target.value)),
+            disabled: isRolling,
+            className: "w-48 accent-brand cursor-pointer"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-2xl font-black text-brand bg-brand/10 px-4 py-1 rounded-lg border border-brand/20", children: targetNumber })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        type: "checkbox",
+        id: "rollToggle",
+        className: "roll-toggle hidden",
+        checked: isRolling,
+        readOnly: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-16 flex items-center justify-center z-20", children: [
+      gameResult === "idle" && !isRolling && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-secondary font-medium", children: "Ready to roll..." }),
+      isRolling && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-accent font-bold animate-pulse text-2xl", children: "Rolling..." }),
+      gameResult === "win" && !isRolling && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-success font-black text-3xl animate-bounce drop-shadow-md", children: [
+        "🎉 YOU WIN! (",
+        dice1 + dice2,
+        ") 🎉"
+      ] }),
+      gameResult === "lose" && !isRolling && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-danger font-bold text-xl drop-shadow-sm", children: [
+        "You rolled ",
+        dice1 + dice2,
+        ". Try again!"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dice-area my-4", children: [
+      { val: dice1, cls: "dice1", delay: 0 },
+      { val: dice2, cls: "dice2", delay: 0.1 }
+    ].map((dice, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: `dice ${dice.cls}`,
+        style: {
+          transform: !isRolling ? getRotation(dice.val, spins) : void 0,
+          transition: !isRolling ? `transform ${0.8 + dice.delay}s cubic-bezier(0.34, 1.56, 0.64, 1)` : "none"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "face front", "data-value": "1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dots", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}) }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "face back", "data-value": "2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dots", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "face right", "data-value": "3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dots", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "face left", "data-value": "4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dots", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "face top", "data-value": "5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dots", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "face bottom", "data-value": "6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dots", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", {})
+          ] }) })
+        ]
+      },
+      idx
+    )) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "controls mt-8 z-20", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "dice-btn", onClick: handleRoll, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dice-btn-text", children: "ROLL" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dice-btn-text-stop", children: "ROLLING" })
+    ] }) })
+  ] }) });
+};
 const SpaceScene = ({ fullScreen, onGameActiveChange }) => {
   const [isOnline, setIsOnline] = reactExports.useState(navigator.onLine);
   const [activeMode, setActiveMode] = reactExports.useState("none");
@@ -13770,10 +13911,13 @@ const SpaceScene = ({ fullScreen, onGameActiveChange }) => {
   }, [currentMode, onGameActiveChange]);
   const cycleMode = () => {
     if (!isOnline) {
-      setActiveMode(activeMode === "2048" ? "retro" : "2048");
+      if (activeMode === "2048") setActiveMode("retro");
+      else if (activeMode === "retro") setActiveMode("dice");
+      else setActiveMode("2048");
     } else {
       if (activeMode === "none") setActiveMode("2048");
       else if (activeMode === "2048") setActiveMode("retro");
+      else if (activeMode === "retro") setActiveMode("dice");
       else setActiveMode("none");
     }
   };
@@ -13784,13 +13928,14 @@ const SpaceScene = ({ fullScreen, onGameActiveChange }) => {
       children: [
         currentMode === "retro" && /* @__PURE__ */ jsxRuntimeExports.jsx(RetroSpaceGame, {}),
         currentMode === "2048" && /* @__PURE__ */ jsxRuntimeExports.jsx(LogicGame2048, {}),
+        currentMode === "dice" && /* @__PURE__ */ jsxRuntimeExports.jsx(DiceGame, {}),
         currentMode === "none" && /* @__PURE__ */ jsxRuntimeExports.jsx(LiveGitHubSpace, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             onClick: cycleMode,
             className: `absolute top-4 right-4 z-50 px-3 py-1.5 rounded-full text-xs font-semibold backdrop-blur-md transition-all duration-300 border ${currentMode !== "none" ? "bg-brand/20 text-brand border-brand/50 hover:bg-brand/30" : "bg-white/5 text-white/50 border-white/10 hover:bg-white/10 hover:text-white"} ${!fullScreen ? "opacity-0 group-hover:opacity-100" : ""}`,
-            children: currentMode === "retro" ? "🎮 Playing Retro Game" : currentMode === "2048" ? "🧩 Playing 2048" : "🌐 Live GitHub Events (Play Game?)"
+            children: currentMode === "retro" ? "🎮 Playing Retro Game" : currentMode === "2048" ? "🧩 Playing 2048" : currentMode === "dice" ? "🎲 Playing Dice Game" : "🌐 Live GitHub Events (Play Game?)"
           }
         ),
         !fullScreen && currentMode === "none" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-2 left-0 right-0 text-center text-[10px] text-secondary/60 pointer-events-none font-medium opacity-0 group-hover:opacity-100 transition-opacity", children: "Click the toggle above to play a game" }),
@@ -23561,6 +23706,13 @@ const AmongUsBackground = () => {
     }
   );
 };
+const SpaceExplorerBackground = () => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-stars-container", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "stars" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "stars2" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "stars3" })
+  ] });
+};
 const AuthHoverButton = ({ username }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "auth-btn-wrapper flex justify-center items-center", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "invisible whitespace-nowrap px-6 flex items-center font-semibold text-sm pointer-events-none", children: [
@@ -23887,6 +24039,98 @@ const CollaborationRepoView = ({
     }) }) })
   ] });
 };
+const AuthCodePrinter = ({ code }) => {
+  const handleCopy = () => {
+    navigator.clipboard.writeText(code);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "auth-printer-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "auth-printer-wrapper", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cutout-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cutout" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "paper-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sec", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "paper", onClick: handleCopy, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "txt copied", children: "Copied!" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "txt coupon", children: code }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "txt hov", children: "Copy Code" })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shadow-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shadow" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cutter-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cutter" }) })
+  ] }) });
+};
+const CommitReceiptPrinter = ({ commit, onClose }) => {
+  const [isPrinted, setIsPrinted] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `commit-printer-wrapper ${isPrinted ? "is-printed" : ""}`, children: [
+    onClose && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "printer-close-btn", onClick: onClose, title: "Close Printer", children: "✕" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "printer" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "printer-display", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "printer-message", children: " Click to print changes" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "letter-wrapper", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "P" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "r" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "i" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "n" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "t" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "i" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "n" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "g" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "letter", children: "." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "print-button", onClick: () => setIsPrinted(true), children: "🖨" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "receipt-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "receipt", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "receipt-header", children: [
+        "Commit Changes ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+        "Hash: ",
+        commit.hash.substring(0, 7),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "logo", children: "🐙" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "receipt-subheader", children: [
+        "Author: ",
+        commit.author_name,
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+        new Date(commit.date).toLocaleString()
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "receipt-table", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("th", { children: "File" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("th", { children: "Ins" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("th", { children: "Del" })
+        ] }),
+        commit.diff?.files?.map((f, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "truncate max-w-[120px]", title: f.file, children: f.file.split("/").pop() }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "text-green-600 font-bold", children: [
+            "+",
+            f.insertions
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "text-red-600 font-bold", children: [
+            "-",
+            f.deletions
+          ] })
+        ] }, idx)),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "receipt-subtotal", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 2, children: "Files Changed" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: commit.diff?.changed || 0 })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "receipt-tax", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 2, children: "Insertions" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "text-green-600 font-bold", children: [
+            "+",
+            commit.diff?.insertions || 0
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "receipt-total", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 2, children: "Deletions" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "text-red-600 font-bold", children: [
+            "-",
+            commit.diff?.deletions || 0
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "receipt-message text-center line-clamp-2", title: commit.message, children: commit.message })
+    ] }) })
+  ] });
+};
 const translations = {
   en: {
     settings: "Settings",
@@ -24465,6 +24709,8 @@ function App() {
   const [conflictFile, setConflictFile] = reactExports.useState(null);
   const [pendingDropDestination, setPendingDropDestination] = reactExports.useState("/");
   const [conflictQueue, setConflictQueue] = reactExports.useState([]);
+  const [autoSyncErrorPayload, setAutoSyncErrorPayload] = reactExports.useState(null);
+  const [failedFiles, setFailedFiles] = reactExports.useState([]);
   const [isLocked, setIsLocked] = reactExports.useState(true);
   const [storedPin, setStoredPin] = reactExports.useState(localStorage.getItem("gitelectron-pin"));
   const [pinInput, setPinInput] = reactExports.useState("");
@@ -24804,9 +25050,16 @@ function App() {
     window.api.onGitProgress((data) => {
       if (data && typeof data.progress === "number") {
         setGitProgress(data.progress);
-        console.log(`[Git Progress]: ${data.progress}%`);
       }
     });
+    window.api.onAutoSyncErrorApproval((payload) => {
+      setAutoSyncErrorPayload(payload);
+    });
+    window.api.onAutoSyncResolved(() => {
+      setAutoSyncErrorPayload(null);
+      setFailedFiles([]);
+      refreshRepoState();
+    });
   }, []);
   const handleToggleAutoSync = () => {
     const next = !autoSyncEnabled;
@@ -24817,8 +25070,27 @@ function App() {
   };
   const handleThemeChange = (newTheme) => {
     setTheme(newTheme);
+    document.documentElement.setAttribute("data-theme", newTheme);
     localStorage.setItem("gitelectron-theme", newTheme);
   };
+  const handleAiApprove = async () => {
+    if (!autoSyncErrorPayload) return;
+    setAutoSyncErrorPayload(null);
+    const success = await window.api.approveAiFix(autoSyncErrorPayload.resolvedCode || {});
+    if (success) {
+      setFailedFiles([]);
+      refreshRepoState();
+    } else {
+      setFailedFiles(autoSyncErrorPayload.files || []);
+    }
+  };
+  const handleAiReject = () => {
+    if (autoSyncErrorPayload) {
+      setFailedFiles(autoSyncErrorPayload.files || []);
+    }
+    setAutoSyncErrorPayload(null);
+    window.api.rejectAiFix();
+  };
   const saveMapping = (repoFullName, localPath) => {
     setCollabMappings((prev) => {
       const updated = { ...prev, [repoFullName]: localPath };
@@ -24981,7 +25253,7 @@ function App() {
         } else if (fetchUrl.startsWith("git@ssh.dev.azure.com:v3/")) {
           const parts = fetchUrl.replace("git@ssh.dev.azure.com:v3/", "").split("/");
           if (parts.length >= 3)
-            fetchUrl = `https://dev.azure.com/${parts[0]}/${parts[1]}/_git/${parts[2]}`;
+            fetchUrl = `https://dev.azure.com/${parts[0]}/${parts[1]}_git/${parts[2]}`;
         }
         try {
           if (fetchUrl.startsWith("http")) {
@@ -25471,6 +25743,7 @@ function App() {
       onDrop: handleDrop,
       children: [
         theme === "among-us-live" && /* @__PURE__ */ jsxRuntimeExports.jsx(AmongUsBackground, {}),
+        theme === "space-explorer-3d" && /* @__PURE__ */ jsxRuntimeExports.jsx(SpaceExplorerBackground, {}),
         showWelcomeWizard && /* @__PURE__ */ jsxRuntimeExports.jsx(WelcomeWizard, { onComplete: () => setShowWelcomeWizard(false) }),
         gitErrorData && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-md flex items-center justify-center z-[150] p-6 animate-fade-in", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface/95 border border-danger/50 rounded-2xl shadow-2xl w-full max-w-lg overflow-hidden flex flex-col p-6", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xl font-bold text-danger mb-4", children: "Git Error" }),
@@ -25484,6 +25757,54 @@ function App() {
             }
           )
         ] }) }),
+        autoSyncErrorPayload && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-canvas border border-border rounded-xl shadow-2xl w-full max-w-lg overflow-hidden animate-in fade-in zoom-in duration-200", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-danger/10 border-b border-danger/20 p-4 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8 h-8 rounded-full bg-danger/20 flex items-center justify-center text-danger shrink-0", children: "⚠️" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-semibold text-danger", children: "Auto-Push Paused" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary", children: "The system encountered an error while pushing." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-medium text-primary mb-1", children: "Reason for Failure" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-surface p-3 rounded border border-border text-sm text-secondary", children: autoSyncErrorPayload.reason })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-medium text-primary mb-1", children: "AI Proposed Fix" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-brand/10 border border-brand/20 p-3 rounded text-sm text-brand", children: autoSyncErrorPayload.proposedFix })
+            ] }),
+            autoSyncErrorPayload.files && autoSyncErrorPayload.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-medium text-primary mb-1", children: "Affected Files" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "bg-surface border border-border rounded p-2 max-h-32 overflow-auto text-xs font-mono space-y-1", children: autoSyncErrorPayload.files.map((file) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "text-danger flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: "❌" }),
+                " ",
+                file
+              ] }, file)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 bg-surface-hover border-t border-border flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: handleAiReject,
+                className: "px-4 py-2 text-sm font-medium hover:bg-surface border border-transparent hover:border-border rounded transition-colors",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                onClick: handleAiApprove,
+                className: "px-4 py-2 text-sm font-medium bg-brand text-white hover:brightness-110 rounded transition-all shadow-sm flex items-center gap-2",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "✨" }),
+                  " Approve & Fix"
+                ]
+              }
+            )
+          ] })
+        ] }) }),
         isLocked && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 z-[100] bg-canvas/95 backdrop-blur-2xl flex flex-col items-center justify-center transition-opacity duration-500 overflow-hidden", children: [
           enableLockscreenSpace && /* @__PURE__ */ jsxRuntimeExports.jsx(SpaceScene, { fullScreen: true, onGameActiveChange: setIsGameActive }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -25976,30 +26297,7 @@ function App() {
                     }
                   )
                 ] }),
-                expandedCommits[commit.hash] && commit.diff && commit.diff.files && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 bg-canvas/30 border border-border rounded p-2 text-[11px] font-mono max-h-64 overflow-y-auto custom-scrollbar", children: commit.diff.files.map((f, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "div",
-                  {
-                    className: "flex items-center justify-between py-1.5 border-b border-border/40 last:border-0 hover:bg-surface-hover/50 px-2 rounded transition-colors",
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-secondary max-w-[75%]", title: f.file, children: f.file }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                        f.status === "A" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-bold bg-success/20 text-success border border-success/30 px-1.5 py-0.5 rounded", children: "Added" }),
-                        f.status === "M" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-bold bg-warning/20 text-warning border border-warning/30 px-1.5 py-0.5 rounded", children: "Modified" }),
-                        f.status === "D" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-bold bg-danger/20 text-danger border border-danger/30 px-1.5 py-0.5 rounded", children: "Deleted" }),
-                        f.status?.startsWith("R") && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-bold bg-accent/20 text-accent border border-accent/30 px-1.5 py-0.5 rounded", children: "Renamed" }),
-                        !f.status && f.insertions > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-success w-8 text-right", children: [
-                          "+",
-                          f.insertions
-                        ] }),
-                        !f.status && f.deletions > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-danger w-8 text-right", children: [
-                          "-",
-                          f.deletions
-                        ] })
-                      ] })
-                    ]
-                  },
-                  idx
-                )) })
+                expandedCommits[commit.hash] && commit.diff && commit.diff.files && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 flex justify-center pb-8 border-t border-border/40 pt-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CommitReceiptPrinter, { commit, onClose: () => toggleCommit(commit.hash) }) })
               ]
             },
             commit.hash
@@ -26072,15 +26370,10 @@ function App() {
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3 bg-canvas border border-accent/50 shadow-[0_0_15px_rgba(var(--color-accent),0.15)] rounded-lg p-3 mb-4 text-left relative overflow-hidden", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-accent/5 animate-pulse pointer-events-none" }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-6 rounded-full bg-accent/20 border border-accent/40 flex items-center justify-center flex-shrink-0 mt-0.5 relative z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-bold text-accent", children: "2" }) }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-semibold text-primary", children: "Code Auto-Copied to Clipboard!" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-secondary mt-0.5", children: [
-                        "Your code",
-                        " ",
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-accent font-bold text-[13px] bg-accent/10 px-2 py-0.5 rounded border border-accent/20 mx-1", children: deviceFlowData.user_code }),
-                        " ",
-                        "is in your clipboard. Just paste it in the browser!"
-                      ] })
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10 w-full flex flex-col items-center", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-semibold text-primary self-start", children: "Code Auto-Copied to Clipboard!" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary mt-0.5 self-start", children: "Your authorization code is below. Just paste it in the browser!" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AuthCodePrinter, { code: deviceFlowData.user_code }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3 bg-canvas border border-border rounded-lg p-3 mb-5 text-left", children: [
@@ -27124,7 +27417,7 @@ 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 flex-wrap items-center border-b border-border px-4 pt-3 gap-y-2 gap-x-1", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-nowrap overflow-x-auto custom-scrollbar items-center border-b border-border px-4 pt-3 pb-1 gap-y-2 gap-x-1", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs(
                     "button",
                     {
@@ -27191,15 +27484,15 @@ function App() {
                     status.conflicted.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
                       "li",
                       {
-                        className: "flex justify-between items-center hover:bg-surface-hover px-2 py-1.5 rounded-md group transition-colors",
+                        className: `flex justify-between items-center px-2 py-1.5 rounded-md group transition-colors ${failedFiles.includes(f) ? "bg-danger/10 border border-danger/20" : "hover:bg-surface-hover"}`,
                         children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsxs(
                             "span",
                             {
                               onClick: () => viewDiff(f, false),
-                              className: "text-xs text-warning font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate",
+                              className: `text-xs font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate ${failedFiles.includes(f) ? "text-danger" : "text-warning"}`,
                               children: [
-                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0 text-[10px] font-bold bg-warning/20 text-warning border border-warning/30 px-1 rounded", children: "!" }),
+                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `flex-shrink-0 text-[10px] font-bold px-1 rounded border ${failedFiles.includes(f) ? "bg-danger/20 border-danger/30 text-danger" : "bg-warning/20 text-warning border-warning/30"}`, children: failedFiles.includes(f) ? "X" : "!" }),
                                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: f })
                               ]
                             }
@@ -27229,15 +27522,15 @@ function App() {
                     status.not_added.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
                       "li",
                       {
-                        className: "flex justify-between items-center hover:bg-surface-hover px-2 py-1.5 rounded-md group transition-colors",
+                        className: `flex justify-between items-center px-2 py-1.5 rounded-md group transition-colors ${failedFiles.includes(f) ? "bg-danger/10 border border-danger/20" : "hover:bg-surface-hover"}`,
                         children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsxs(
                             "span",
                             {
                               onClick: () => viewDiff(f, false),
-                              className: "text-xs text-success font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate",
+                              className: `text-xs font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate ${failedFiles.includes(f) ? "text-danger" : "text-success"}`,
                               children: [
-                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0 text-[10px] font-bold bg-success/20 text-success border border-success/30 px-1 rounded", children: "U" }),
+                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `flex-shrink-0 text-[10px] font-bold px-1 rounded border ${failedFiles.includes(f) ? "bg-danger/20 border-danger/30 text-danger" : "bg-success/20 text-success border-success/30"}`, children: failedFiles.includes(f) ? "X" : "U" }),
                                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: f })
                               ]
                             }
@@ -27267,15 +27560,15 @@ function App() {
                     status.modified.filter((f) => !status.conflicted.includes(f)).map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
                       "li",
                       {
-                        className: "flex justify-between items-center hover:bg-surface-hover px-2 py-1.5 rounded-md group transition-colors",
+                        className: `flex justify-between items-center px-2 py-1.5 rounded-md group transition-colors ${failedFiles.includes(f) ? "bg-danger/10 border border-danger/20" : "hover:bg-surface-hover"}`,
                         children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsxs(
                             "span",
                             {
                               onClick: () => viewDiff(f, false),
-                              className: "text-xs text-warning font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate",
+                              className: `text-xs font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate ${failedFiles.includes(f) ? "text-danger" : "text-warning"}`,
                               children: [
-                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0 text-[10px] font-bold bg-warning/20 text-warning border border-warning/30 px-1 rounded", children: "M" }),
+                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `flex-shrink-0 text-[10px] font-bold px-1 rounded border ${failedFiles.includes(f) ? "bg-danger/20 border-danger/30 text-danger" : "bg-warning/20 text-warning border-warning/30"}`, children: failedFiles.includes(f) ? "X" : "M" }),
                                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: f })
                               ]
                             }

package/out/renderer/index.html

@@ -21,8 +21,8 @@
       href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="./assets/index-C9VJOfEp.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-iCHfrYpB.css">
+    <script type="module" crossorigin src="./assets/index-Cd-sn1hH.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BL0VWE8P.css">
   </head>
 
   <body class="bg-gray-900 text-white font-sans antialiased overflow-hidden">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gitxelectron",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "An elegant, completely silent auto-syncing Git client. Works as a desktop app and npm CLI tool.",
   "main": "./out/main/index.js",
   "files": [