gitxelectron 1.1.7 → 1.1.8

package/out/renderer/assets/{index-i67_EinM.js → index-BusxICOa.js}

@@ -13819,14 +13819,19 @@ function ContributorsModal({ onClose, remoteUrl }) {
   const [removingId, setRemovingId] = reactExports.useState(null);
   const [suggestions, setSuggestions] = reactExports.useState([]);
   const [showSuggestions, setShowSuggestions] = reactExports.useState(false);
-  const [debounceTimeout, setDebounceTimeout] = reactExports.useState(null);
+  const debounceTimeoutRef = reactExports.useRef(null);
   const fetchData = async () => {
+    if (!remoteUrl) {
+      setLoading(false);
+      setErrorMsg("No remote GitHub repository URL detected for this folder. Please push or add a remote origin first to invite collaborators.");
+      return;
+    }
     try {
       setLoading(true);
       setErrorMsg("");
       const data = await window.api.getCollaborators(remoteUrl);
-      setCollaborators(data.collaborators);
-      setInvitations(data.invitations);
+      setCollaborators(data.collaborators || []);
+      setInvitations(data.invitations || []);
       setContributors(data.contributors || []);
     } catch (e) {
       setErrorMsg(e.message || "Failed to load collaborators");
@@ -13836,24 +13841,50 @@ function ContributorsModal({ onClose, remoteUrl }) {
   };
   reactExports.useEffect(() => {
     fetchData();
+    return () => {
+      if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);
+    };
   }, []);
+  const handleSelectUser = async (user) => {
+    setNewUsername(user.login);
+    setShowSuggestions(false);
+    setIsSearching(true);
+    setErrorMsg("");
+    try {
+      const fullUser = await window.api.searchGitHubUser(user.login);
+      const targetUser = fullUser || user;
+      const isExisting = collaborators.some((c) => c.login.toLowerCase() === targetUser.login.toLowerCase()) || invitations.some((i) => i.invitee && i.invitee.login.toLowerCase() === targetUser.login.toLowerCase());
+      if (isExisting) {
+        setErrorMsg(`${targetUser.login} is already a collaborator or has a pending invitation.`);
+        setSearchResult(null);
+      } else {
+        setSearchResult(targetUser);
+      }
+    } catch (e) {
+      setErrorMsg(e.message || "Error verifying GitHub account.");
+    } finally {
+      setIsSearching(false);
+    }
+  };
   const handleSearch = async (e) => {
     e.preventDefault();
-    if (!newUsername.trim()) return;
+    const query = newUsername.trim();
+    if (!query) return;
     try {
       setIsSearching(true);
       setErrorMsg("");
       setSearchResult(null);
-      const user = await window.api.searchGitHubUser(newUsername.trim());
+      setShowSuggestions(false);
+      const user = await window.api.searchGitHubUser(query);
       if (user) {
-        const isExisting = collaborators.some((c) => c.login.toLowerCase() === user.login.toLowerCase()) || invitations.some((i) => i.invitee.login.toLowerCase() === user.login.toLowerCase());
+        const isExisting = collaborators.some((c) => c.login.toLowerCase() === user.login.toLowerCase()) || invitations.some((i) => i.invitee && i.invitee.login.toLowerCase() === user.login.toLowerCase());
         if (isExisting) {
           setErrorMsg(`${user.login} is already a collaborator or has a pending invitation.`);
         } else {
           setSearchResult(user);
         }
       } else {
-        setErrorMsg("User not found on GitHub.");
+        setErrorMsg(`User '${query}' was not found in GitHub's database.`);
       }
     } catch (e2) {
       setErrorMsg(e2.message || "Error searching user.");
@@ -13861,6 +13892,37 @@ function ContributorsModal({ onClose, remoteUrl }) {
       setIsSearching(false);
     }
   };
+  const handleInputChange = (val) => {
+    setNewUsername(val);
+    setSearchResult(null);
+    setErrorMsg("");
+    if (debounceTimeoutRef.current) {
+      clearTimeout(debounceTimeoutRef.current);
+    }
+    const trimmed = val.trim();
+    if (trimmed) {
+      setShowSuggestions(true);
+      setIsSearching(true);
+      debounceTimeoutRef.current = setTimeout(async () => {
+        try {
+          const users = await window.api.searchGitHubUsers(trimmed);
+          const existingLogins = /* @__PURE__ */ new Set([
+            ...collaborators.map((c) => c.login.toLowerCase()),
+            ...invitations.map((i) => i.invitee ? i.invitee.login.toLowerCase() : "")
+          ]);
+          setSuggestions(users.filter((u) => !existingLogins.has(u.login.toLowerCase())));
+        } catch (err) {
+          console.error("Failed to query GitHub users", err);
+        } finally {
+          setIsSearching(false);
+        }
+      }, 300);
+    } else {
+      setSuggestions([]);
+      setIsSearching(false);
+      setShowSuggestions(false);
+    }
+  };
   const handleAdd = async () => {
     if (!searchResult) return;
     try {
@@ -13913,7 +13975,7 @@ function ContributorsModal({ onClose, remoteUrl }) {
             )
           }
         ),
-        "Manage Collaborators"
+        "Collaboration & Contributors"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -13955,7 +14017,10 @@ function ContributorsModal({ onClose, remoteUrl }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: errorMsg })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSearch, className: "mb-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "block text-sm font-medium text-secondary mb-2", children: "Invite Collaborator" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "block text-sm font-medium text-secondary mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Invite Collaborator" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] text-brand/80 font-normal", children: "Searches worldwide GitHub users" })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -13981,62 +14046,53 @@ function ContributorsModal({ onClose, remoteUrl }) {
               {
                 type: "text",
                 value: newUsername,
-                onChange: (e) => {
-                  const val = e.target.value;
-                  setNewUsername(val);
-                  setSearchResult(null);
-                  setShowSuggestions(true);
-                  if (debounceTimeout) clearTimeout(debounceTimeout);
-                  if (val.trim()) {
-                    setIsSearching(true);
-                    setDebounceTimeout(
-                      setTimeout(async () => {
-                        try {
-                          setErrorMsg("");
-                          const users = await window.api.searchGitHubUsers(val.trim());
-                          const existingLogins = /* @__PURE__ */ new Set([
-                            ...collaborators.map((c) => c.login.toLowerCase()),
-                            ...invitations.map((i) => i.invitee.login.toLowerCase())
-                          ]);
-                          setSuggestions(users.filter((u) => !existingLogins.has(u.login.toLowerCase())));
-                        } catch (err) {
-                          console.error(err);
-                        } finally {
-                          setIsSearching(false);
-                        }
-                      }, 400)
-                    );
-                  } else {
-                    setSuggestions([]);
-                    setIsSearching(false);
-                    setShowSuggestions(false);
-                  }
-                },
-                onBlur: () => setTimeout(() => setShowSuggestions(false), 200),
+                onChange: (e) => handleInputChange(e.target.value),
+                onBlur: () => setTimeout(() => setShowSuggestions(false), 250),
                 onFocus: () => {
                   if (suggestions.length > 0) setShowSuggestions(true);
                 },
-                placeholder: "GitHub Username",
+                placeholder: "Type GitHub username...",
                 className: "w-full bg-surface border border-border rounded-lg pl-9 pr-3 py-2 text-sm text-primary placeholder-secondary focus:outline-none focus:border-brand focus:ring-1 focus:ring-brand transition-all",
                 disabled: adding || loading
               }
             ),
-            showSuggestions && suggestions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-surface border border-border rounded-lg shadow-xl overflow-hidden z-10 max-h-60 overflow-y-auto", children: suggestions.map((user) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                onClick: () => {
-                  setNewUsername(user.login);
-                  setSearchResult(user);
-                  setShowSuggestions(false);
+            showSuggestions && suggestions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute top-full left-0 right-0 mt-1 bg-surface border border-border rounded-lg shadow-2xl overflow-hidden z-20 max-h-64 overflow-y-auto custom-scrollbar", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-1.5 bg-canvas/80 text-[10px] uppercase font-bold text-secondary tracking-wider border-b border-border flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Worldwide GitHub Accounts" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                  suggestions.length,
+                  " found"
+                ] })
+              ] }),
+              suggestions.map((user) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  onMouseDown: (e) => {
+                    e.preventDefault();
+                    handleSelectUser(user);
+                  },
+                  className: "px-3 py-2.5 flex items-center justify-between hover:bg-brand/10 cursor-pointer transition-colors border-b border-border/50 last:border-b-0 group",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "img",
+                        {
+                          src: user.avatar_url,
+                          alt: user.login,
+                          className: "w-7 h-7 rounded-full bg-canvas object-cover border border-border"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-primary font-medium group-hover:text-brand transition-colors", children: user.login }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-secondary", children: "Real GitHub Account" })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-brand opacity-0 group-hover:opacity-100 transition-opacity font-medium", children: "Select →" })
+                  ]
                 },
-                className: "px-3 py-2 flex items-center gap-3 hover:bg-surface-hover cursor-pointer transition-colors border-b border-border last:border-b-0",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: user.avatar_url, alt: user.login, className: "w-6 h-6 rounded-full" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-primary font-medium", children: user.login })
-                ]
-              },
-              user.id
-            )) })
+                user.id
+              ))
+            ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
@@ -14044,7 +14100,7 @@ function ContributorsModal({ onClose, remoteUrl }) {
               type: "submit",
               disabled: !newUsername.trim() || adding || loading || isSearching,
               className: "bg-surface-hover hover:brightness-110 text-primary border border-border px-4 py-2 rounded-lg text-sm font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
-              children: isSearching ? /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "w-4 h-4 animate-spin", fill: "none", viewBox: "0 0 24 24", children: [
+              children: isSearching ? /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "w-4 h-4 animate-spin text-brand", fill: "none", viewBox: "0 0 24 24", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "circle",
                   {
@@ -14069,48 +14125,42 @@ function ContributorsModal({ onClose, remoteUrl }) {
           )
         ] })
       ] }),
-      searchResult && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6 p-4 bg-surface border border-brand/30 rounded-lg flex items-center justify-between shadow-sm animate-in fade-in zoom-in-95 duration-200", children: [
+      searchResult && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6 p-4 bg-surface/90 border border-brand/40 rounded-xl flex items-center justify-between shadow-lg animate-in fade-in zoom-in-95 duration-200", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "img",
             {
               src: searchResult.avatar_url,
               alt: searchResult.login,
-              className: "w-10 h-10 rounded-full bg-canvas object-cover"
+              className: "w-12 h-12 rounded-full bg-canvas object-cover border-2 border-brand/40"
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-bold text-primary", children: searchResult.login }),
-            searchResult.name && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary", children: searchResult.name })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-bold text-primary", children: searchResult.login }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-emerald-500/20 text-emerald-400 border border-emerald-500/30 px-1.5 py-0.5 rounded font-medium flex items-center gap-1", children: "✓ Real GitHub User" })
+            ] }),
+            searchResult.name && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary font-medium", children: searchResult.name }),
+            searchResult.bio && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-secondary/80 line-clamp-1 max-w-xs", children: searchResult.bio })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
+            type: "button",
             onClick: handleAdd,
             disabled: adding,
-            className: "bg-brand hover:bg-brand-hover text-white px-4 py-2 rounded-lg text-sm font-medium transition-all disabled:opacity-50 flex items-center gap-2 shadow-sm",
-            children: adding ? /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "w-4 h-4 animate-spin", fill: "none", viewBox: "0 0 24 24", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "circle",
-                {
-                  className: "opacity-25",
-                  cx: "12",
-                  cy: "12",
-                  r: "10",
-                  stroke: "currentColor",
-                  strokeWidth: "4"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "path",
-                {
-                  className: "opacity-75",
-                  fill: "currentColor",
-                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                }
-              )
-            ] }) : "Invite User"
+            className: "bg-brand hover:bg-brand-hover text-white px-4 py-2 rounded-lg text-sm font-semibold transition-all disabled:opacity-50 flex items-center gap-2 shadow-md hover:shadow-brand/20",
+            children: adding ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "w-4 h-4 animate-spin", fill: "none", viewBox: "0 0 24 24", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Inviting..." })
+            ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Invite" })
+            ] })
           }
         )
       ] }),
@@ -23900,6 +23950,9 @@ const THEMES = [
 ];
 function App() {
   const [repoPath, setRepoPath] = reactExports.useState(null);
+  const [collaboratedRepos, setCollaboratedRepos] = reactExports.useState([]);
+  const [showCollabActionModal, setShowCollabActionModal] = reactExports.useState(null);
+  const [isCloning, setIsCloning] = reactExports.useState(false);
   reactExports.useEffect(() => {
     const playSusSound = () => {
       const AudioContextClass = window.AudioContext || window.webkitAudioContext;
@@ -24063,6 +24116,16 @@ function App() {
   };
   const [theme, setTheme] = reactExports.useState(localStorage.getItem("gitelectron-theme") || "github-dark");
   const [changesTab, setChangesTab] = reactExports.useState("changes");
+  const [collabSearch, setCollabSearch] = reactExports.useState("");
+  const [collabMappings, setCollabMappings] = reactExports.useState(() => {
+    try {
+      return JSON.parse(localStorage.getItem("gitelectron_collab_mappings") || "{}");
+    } catch {
+      return {};
+    }
+  });
+  const [pathExistenceMap, setPathExistenceMap] = reactExports.useState({});
+  const [isUploading, setIsUploading] = reactExports.useState(false);
   const [showSetupWizard, setShowSetupWizard] = reactExports.useState(false);
   const [pushAllBranches, setPushAllBranches] = reactExports.useState(false);
   const [showUniversalWizard, setShowUniversalWizard] = reactExports.useState(false);
@@ -24088,7 +24151,41 @@ function App() {
       setToasts((prev) => prev.filter((t2) => t2.id !== id2));
     }, 4e3);
   };
-  const loadRepo = (targetPath) => {
+  const loadRepo = async (targetPath) => {
+    try {
+      const exists = await window.api.checkPathExists(targetPath);
+      if (!exists) {
+        console.warn("Target path does not exist on disk:", targetPath);
+        const currentMappings = JSON.parse(localStorage.getItem("gitelectron_collab_mappings") || "{}");
+        const matching = Object.entries(currentMappings).find(([_, p]) => p === targetPath);
+        if (matching) {
+          const [fullName] = matching;
+          let repo = collaboratedRepos.find((r) => r.full_name === fullName);
+          if (!repo) {
+            try {
+              const allCollabs = await window.api.getCollaboratedRepos();
+              setCollaboratedRepos(allCollabs);
+              repo = allCollabs.find((r) => r.full_name === fullName);
+            } catch (e) {
+            }
+          }
+          if (repo) {
+            showToast(`The local folder for ${fullName} was deleted. You can re-clone it now.`, "warning");
+            setShowCollabActionModal({
+              repo,
+              url: repo.clone_url,
+              name: repo.name,
+              fullName: repo.full_name,
+              missingPreviousPath: targetPath
+            });
+            setChangesTab("collaboration-repo");
+            return;
+          }
+        }
+      }
+    } catch (e) {
+      console.error("Error checking target path existence:", e);
+    }
     window.api.setRepoPath(targetPath).then(async (result) => {
       if (result) {
         setRepoPath(result.path);
@@ -24103,6 +24200,33 @@ function App() {
       }
     }).catch((err) => console.error("Failed to load repo", err));
   };
+  reactExports.useEffect(() => {
+    const checkAllPaths = async () => {
+      const results = {};
+      for (const [fullName, path] of Object.entries(collabMappings)) {
+        if (path) {
+          try {
+            results[fullName] = await window.api.checkPathExists(path);
+          } catch {
+            results[fullName] = false;
+          }
+        }
+      }
+      setPathExistenceMap(results);
+    };
+    if (changesTab === "collaboration-repo" || collaboratedRepos.length > 0) {
+      checkAllPaths();
+    }
+  }, [collabMappings, changesTab, collaboratedRepos.length]);
+  reactExports.useEffect(() => {
+    if (authStatus.status === "Verified") {
+      window.api.getCollaboratedRepos().then((repos) => {
+        setCollaboratedRepos(repos);
+      }).catch((err) => console.error(err));
+    } else {
+      setCollaboratedRepos([]);
+    }
+  }, [authStatus.status]);
   reactExports.useEffect(() => {
     window.api.getAuthStatus().then((auth) => {
       setAuthStatus(auth);
@@ -24212,6 +24336,106 @@ function App() {
     setTheme(newTheme);
     localStorage.setItem("gitelectron-theme", newTheme);
   };
+  const saveMapping = (repoFullName, localPath) => {
+    setCollabMappings((prev) => {
+      const updated = { ...prev, [repoFullName]: localPath };
+      localStorage.setItem("gitelectron_collab_mappings", JSON.stringify(updated));
+      return updated;
+    });
+  };
+  const openCollabRepoPath = async (targetPath) => {
+    localStorage.setItem("gitelectron-last-repo", targetPath);
+    setRepoPath(targetPath);
+    setIsRepo(true);
+    await window.api.setRepoPath(targetPath);
+    window.api.toggleAutoSync(targetPath, true);
+    await refreshRepoState();
+    setChangesTab("changes");
+  };
+  const handleRepoCardClick = async (repo) => {
+    const savedPath = collabMappings[repo.full_name];
+    if (savedPath) {
+      const exists = await window.api.checkPathExists(savedPath);
+      if (exists) {
+        await openCollabRepoPath(savedPath);
+        return;
+      } else {
+        setShowCollabActionModal({
+          repo,
+          url: repo.clone_url,
+          name: repo.name,
+          fullName: repo.full_name,
+          missingPreviousPath: savedPath
+        });
+        return;
+      }
+    }
+    setShowCollabActionModal({
+      repo,
+      url: repo.clone_url,
+      name: repo.name,
+      fullName: repo.full_name
+    });
+  };
+  const handleCollabMap = async () => {
+    if (!showCollabActionModal) return;
+    const { fullName } = showCollabActionModal;
+    setShowCollabActionModal(null);
+    const result = await window.api.selectDirectory();
+    if (result) {
+      if (fullName) {
+        saveMapping(fullName, result.path);
+      }
+      localStorage.setItem("gitelectron-last-repo", result.path);
+      setRepoPath(result.path);
+      setIsRepo(result.isRepo);
+      if (result.isRepo) {
+        await window.api.setRepoPath(result.path);
+        await refreshRepoState();
+        window.api.toggleAutoSync(result.path, true);
+      }
+      setChangesTab("changes");
+      showToast(`Linked repository to ${result.path}`, "success");
+    }
+  };
+  const handleCollabClone = async () => {
+    if (!showCollabActionModal) return;
+    const { url, name, fullName } = showCollabActionModal;
+    setShowCollabActionModal(null);
+    try {
+      const result = await window.api.selectDirectory();
+      if (!result) return;
+      const selectedBasename = result.path.replace(/\\/g, "/").split("/").pop();
+      const destPath = selectedBasename?.toLowerCase() === name.toLowerCase() ? result.path : `${result.path}\\${name}`;
+      setIsCloning(true);
+      const clonedPath = await window.api.cloneRepository(url, destPath);
+      if (fullName) {
+        saveMapping(fullName, clonedPath);
+      }
+      await openCollabRepoPath(clonedPath);
+      showToast(`Repository successfully cloned into ${clonedPath}!`, "success");
+    } catch (err) {
+      console.error(err);
+      showToast(`Failed to clone repository: ${err.message || err}`, "error");
+    } finally {
+      setIsCloning(false);
+    }
+  };
+  const handleUploadFiles = async () => {
+    if (!repoPath) return;
+    try {
+      setIsUploading(true);
+      const res = await window.api.uploadFilesToRepo(repoPath);
+      if (res && res.success && res.count > 0) {
+        await refreshRepoState();
+      }
+    } catch (err) {
+      console.error("Failed to upload files", err);
+      alert(`Failed to upload files: ${err.message || err}`);
+    } finally {
+      setIsUploading(false);
+    }
+  };
   const handleSelectDirectory = async () => {
     const result = await window.api.selectDirectory();
     if (result) {
@@ -24307,6 +24531,14 @@ function App() {
           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);
+            }
+            if (collabData.collaborators?.length > 1 || collabData.invitations?.length > 0) {
+              window.api.getCollaboratedRepos().then((repos) => setCollaboratedRepos(repos || [])).catch(() => {
+              });
+            }
           } catch (e) {
             console.error("Failed to fetch collaborators", e);
             setRepoCollaborators([]);
@@ -24321,6 +24553,31 @@ function App() {
       console.error(e);
       setErrorMsg(e.message || "Error fetching git status");
       setStatus(null);
+      if (repoPath) {
+        try {
+          const exists = await window.api.checkPathExists(repoPath);
+          if (!exists) {
+            const currentMappings = JSON.parse(localStorage.getItem("gitelectron_collab_mappings") || "{}");
+            const matching = Object.entries(currentMappings).find(([_, p]) => p === repoPath);
+            if (matching) {
+              const [fullName] = matching;
+              const repo = collaboratedRepos.find((r) => r.full_name === fullName);
+              if (repo) {
+                showToast(`Repository folder was deleted on disk: ${fullName}. Prompting to re-clone.`, "warning");
+                setShowCollabActionModal({
+                  repo,
+                  url: repo.clone_url,
+                  name: repo.name,
+                  fullName: repo.full_name,
+                  missingPreviousPath: repoPath
+                });
+                setChangesTab("collaboration-repo");
+              }
+            }
+          }
+        } catch (err) {
+        }
+      }
     } finally {
       setIsRefreshing(false);
     }
@@ -25376,7 +25633,64 @@ function App() {
             onProceed: handleDropProceed
           }
         ),
-        showContributorsModal && remoteUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(ContributorsModal, { remoteUrl, onClose: () => setShowContributorsModal(false) }),
+        showContributorsModal && /* @__PURE__ */ jsxRuntimeExports.jsx(ContributorsModal, { remoteUrl: remoteUrl || "", onClose: () => setShowContributorsModal(false) }),
+        showCollabActionModal && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-[150] transition-opacity p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface/95 backdrop-blur-xl p-6 rounded-2xl shadow-2xl border border-border w-full max-w-[460px] mx-4 flex flex-col gap-4 relative animate-in fade-in zoom-in-95", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setShowCollabActionModal(null),
+              className: "absolute top-4 right-4 text-secondary hover:text-primary transition-colors p-1",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-10 h-10 rounded-xl bg-brand/10 border border-brand/20 flex items-center justify-center text-brand", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2" }) }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-bold text-primary tracking-tight", children: "Collaboration Repository" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary font-mono truncate max-w-[300px]", children: showCollabActionModal.fullName || showCollabActionModal.name })
+            ] })
+          ] }),
+          showCollabActionModal.missingPreviousPath ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-3.5 bg-danger/10 border border-danger/30 rounded-xl text-danger text-xs flex items-start gap-2.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-5 h-5 flex-shrink-0 mt-0.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-semibold text-danger", children: "Linked local folder was not found or was deleted:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-mono text-[10px] break-all opacity-90 mt-0.5", children: showCollabActionModal.missingPreviousPath }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-secondary", children: "You can re-clone this repository into a new folder, or select its new location on your computer." })
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-secondary", children: [
+            "How would you like to set up ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: showCollabActionModal.name }),
+            " on your computer?"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                onClick: handleCollabClone,
+                className: "w-full py-3 px-4 bg-brand hover:bg-brand-hover text-white rounded-xl text-sm font-semibold transition-all shadow-md hover:shadow-brand/20 text-left flex items-center justify-between border border-white/10",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: showCollabActionModal.missingPreviousPath ? "Re-Clone (Git Clone into New Folder)" : "Create (Git Clone)" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-base", children: "☁️" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                onClick: handleCollabMap,
+                className: "w-full py-3 px-4 bg-surface-hover hover:bg-surface-hover/80 border border-border rounded-xl text-primary text-sm font-medium transition-colors text-left flex items-center justify-between",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Already have this project folder" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-base", children: "📁" })
+                ]
+              }
+            )
+          ] })
+        ] }) }),
+        isCloning && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 bg-black/80 backdrop-blur-sm flex flex-col items-center justify-center z-[200]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-12 h-12 border-4 border-brand border-t-transparent rounded-full animate-spin mb-4 shadow-[0_0_15px_rgba(var(--brand-color),0.5)]" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-white font-medium tracking-wide text-lg", children: "Cloning Repository..." })
+        ] }),
         showHealerOverlay && /* @__PURE__ */ jsxRuntimeExports.jsx(AIHealerOverlay, { message: healerMessage, attempt: healerAttempt, maxAttempts: 5, originalError: healerOriginalError }),
         showAutoSyncLogs && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[110] transition-opacity", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface/95 backdrop-blur-xl p-8 rounded-xl shadow-2xl border border-border w-full max-w-[600px] mx-4 flex flex-col max-h-[80vh]", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mb-6 border-b border-border pb-4", children: [
@@ -25671,6 +25985,32 @@ function App() {
               }
             )
           ] }),
+          collaboratedRepos.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-secondary font-semibold mb-2 uppercase tracking-wider px-1", children: "Collaboration Repo" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 max-h-40 overflow-y-auto pr-1 custom-scrollbar", children: collaboratedRepos.map((repo) => {
+              const saved = collabMappings[repo.full_name];
+              const isMissing = saved && pathExistenceMap[repo.full_name] === false;
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  onClick: () => handleRepoCardClick(repo),
+                  className: `w-full text-left bg-canvas hover:bg-surface-hover text-primary py-2 px-3 rounded-md transition-all border text-sm truncate flex flex-col group ${isMissing ? "border-danger/40 bg-danger/5" : "border-border"}`,
+                  title: repo.name,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between w-full", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium truncate group-hover:text-brand transition-colors", children: repo.name }),
+                      isMissing && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] bg-danger/20 text-danger px-1 rounded font-bold", children: "Deleted" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-secondary truncate", children: [
+                      "by @",
+                      repo.owner?.login
+                    ] })
+                  ]
+                },
+                repo.id
+              );
+            }) })
+          ] }),
           repoPath && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-canvas p-3 rounded-md border border-border mb-4", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-secondary font-semibold mb-1", children: "LOCAL PATH" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-mono text-accent truncate", title: repoPath, children: repoPath.split("\\").pop() })
@@ -25684,6 +26024,35 @@ function App() {
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-auto space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                onClick: () => setChangesTab("collaboration-repo"),
+                className: `w-full flex items-center py-2 px-3 hover:bg-surface-hover rounded-md text-sm transition-colors group ${changesTab === "collaboration-repo" ? "bg-surface-hover text-primary font-semibold" : "text-secondary hover:text-primary"}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "svg",
+                    {
+                      className: "w-4 h-4 mr-3 text-secondary group-hover:text-primary",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2"
+                        }
+                      )
+                    }
+                  ),
+                  "Collaboration Repo",
+                  collaboratedRepos.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto bg-brand/20 text-brand text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: collaboratedRepos.length })
+                ]
+              }
+            ),
             isRepo && /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "button",
               {
@@ -26235,17 +26604,47 @@ function App() {
                     ]
                   }
                 ),
-                changesTab === "changes" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   "button",
                   {
-                    onClick: handleStageAll,
-                    className: "ml-auto text-xs bg-surface-hover text-primary px-2.5 py-1 rounded-md transition-colors border border-border hover:brightness-110 mb-1",
-                    children: "Stage All"
+                    onClick: () => {
+                      setChangesTab("collaboration-repo");
+                      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"}`,
+                    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 })
+                    ]
                   }
-                )
+                ),
+                changesTab === "changes" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-2 mb-1", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      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",
+                      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" }) }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isUploading ? "Uploading..." : "Upload Files" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "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",
+                      children: "Stage All"
+                    }
+                  )
+                ] })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-auto p-4 custom-scrollbar", children: [
-                changesTab === "changes" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-1", children: [
+                changesTab === "changes" && /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-1", children: [
                   status.conflicted.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
                     "li",
                     {
@@ -26361,43 +26760,170 @@ function App() {
                     `m-${f}`
                   )),
                   status.not_added.length + status.modified.length + status.created.length + status.conflicted.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-xs text-secondary italic mt-2 text-center", children: "No working tree changes" })
-                ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-1", children: status.deleted.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-xs text-secondary italic mt-2 text-center", children: "No locally deleted files" }) : status.deleted.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "li",
-                  {
-                    className: "flex justify-between items-center hover:bg-surface-hover px-2 py-1.5 rounded-md transition-colors",
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-danger/70 font-mono flex-1 flex items-center gap-1.5 truncate", children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0 text-[10px] font-bold bg-danger/20 text-danger border border-danger/30 px-1 rounded", children: "D" }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: f })
+                ] }),
+                changesTab === "deleted" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-1", children: status.deleted.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-xs text-secondary italic mt-2 text-center", children: "No locally deleted files" }) : status.deleted.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "li",
+                    {
+                      className: "flex justify-between items-center hover:bg-surface-hover px-2 py-1.5 rounded-md transition-colors",
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-danger/70 font-mono flex-1 flex items-center gap-1.5 truncate", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0 text-[10px] font-bold bg-danger/20 text-danger border border-danger/30 px-1 rounded", children: "D" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: f })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          "button",
+                          {
+                            onClick: () => handleStageSingle(f),
+                            className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
+                            children: "+"
+                          }
+                        ) })
+                      ]
+                    },
+                    `d-${f}`
+                  )) }),
+                  deletedHistory?.all && deletedHistory.all.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 pt-3 border-t border-border/50", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-[11px] font-semibold text-secondary uppercase tracking-wider mb-2", children: "Recently Deleted in Repository" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-2", children: deletedHistory.all.map((commit) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "bg-surface/50 p-2 rounded-md border border-border/50", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-start mb-1.5", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-semibold text-primary truncate", title: commit.message, children: commit.message }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-secondary whitespace-nowrap ml-2 flex-shrink-0", children: [
+                          new Date(commit.date).toLocaleDateString(),
+                          " ",
+                          new Date(commit.date).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
+                        ] })
                       ] }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "button",
-                        {
-                          onClick: () => handleStageSingle(f),
-                          className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
-                          children: "+"
-                        }
-                      ) })
-                    ]
-                  },
-                  `d-${f}`
-                )) }),
-                changesTab === "deleted" && deletedHistory?.all && deletedHistory.all.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 pt-3 border-t border-border/50", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-[11px] font-semibold text-secondary uppercase tracking-wider mb-2", children: "Recently Deleted in Repository" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-2", children: deletedHistory.all.map((commit) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "bg-surface/50 p-2 rounded-md border border-border/50", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-start mb-1.5", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-semibold text-primary truncate", title: commit.message, children: commit.message }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-secondary whitespace-nowrap ml-2 flex-shrink-0", children: [
-                        new Date(commit.date).toLocaleDateString(),
-                        " ",
-                        new Date(commit.date).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1", children: commit.diff?.files?.filter((f) => f.status === "D").map((f, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] font-mono text-danger/80", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0 font-bold bg-danger/10 text-danger border border-danger/20 px-1 rounded", children: "D" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", title: f.file, children: f.file })
+                      ] }, i)) })
+                    ] }, commit.hash)) })
+                  ] })
+                ] }),
+                changesTab === "collaboration-repo" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 p-4 bg-brand/10 border border-brand/30 rounded-xl", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-10 h-10 rounded-xl bg-brand/20 border border-brand/30 flex items-center justify-center text-brand", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2" }) }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-base font-bold text-primary flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Collaboration Repositories" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs bg-brand/20 text-brand px-2 py-0.5 rounded-full font-semibold", children: collaboratedRepos.length })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary", children: "All repositories you are collaborating on with teams & other developers" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1", children: commit.diff?.files?.filter((f) => f.status === "D").map((f, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] font-mono text-danger/80", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0 font-bold bg-danger/10 text-danger border border-danger/20 px-1 rounded", children: "D" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", title: f.file, children: f.file })
-                    ] }, i)) })
-                  ] }, commit.hash)) })
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "button",
+                      {
+                        onClick: async () => {
+                          showToast("Refreshing collaboration repositories...", "info");
+                          try {
+                            const repos = await window.api.getCollaboratedRepos();
+                            setCollaboratedRepos(repos || []);
+                            showToast(`Found ${repos?.length || 0} collaboration repository(ies)`, "success");
+                          } catch (e) {
+                            showToast(`Failed to refresh: ${e.message}`, "error");
+                          }
+                        },
+                        className: "text-xs bg-surface border border-border hover:bg-surface-hover text-primary px-3 py-1.5 rounded-lg transition-colors flex items-center gap-1.5 font-medium shadow-sm",
+                        title: "Refresh repositories from GitHub",
+                        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 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Refresh" })
+                        ]
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-4 h-4 text-secondary absolute left-3 top-2.5 pointer-events-none", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "input",
+                      {
+                        type: "text",
+                        value: collabSearch,
+                        onChange: (e) => setCollabSearch(e.target.value),
+                        placeholder: "Search collaboration repositories by name or owner...",
+                        className: "w-full bg-surface border border-border rounded-lg pl-9 pr-3 py-2 text-xs text-primary placeholder-secondary focus:outline-none focus:border-brand focus:ring-1 focus:ring-brand transition-all"
+                      }
+                    )
+                  ] }),
+                  collaboratedRepos.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center py-12 border border-dashed border-border rounded-xl bg-surface/30 p-6", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-3xl mb-2", children: "🤝" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-semibold text-primary mb-1", children: "No Collaboration Repositories Found" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary max-w-sm mx-auto", children: "When someone invites you as a collaborator, you add collaborators to your repository, or you work on team repositories, they will appear here." })
+                  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2.5", children: collaboratedRepos.filter((r) => {
+                    if (!collabSearch.trim()) return true;
+                    const q = collabSearch.toLowerCase();
+                    return r.name?.toLowerCase().includes(q) || r.full_name?.toLowerCase().includes(q) || r.owner?.login?.toLowerCase().includes(q) || r.description && r.description.toLowerCase().includes(q);
+                  }).map((repo) => {
+                    const savedPath = collabMappings[repo.full_name];
+                    const isCurrentActive = repoPath && savedPath && repoPath.toLowerCase() === savedPath.toLowerCase();
+                    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "div",
+                      {
+                        onClick: () => handleRepoCardClick(repo),
+                        className: `p-3.5 rounded-xl border transition-all cursor-pointer flex flex-col sm:flex-row sm:items-center justify-between gap-3 ${isCurrentActive ? "bg-brand/10 border-brand shadow-sm" : "bg-surface/60 border-border hover:bg-surface-hover hover:border-border/80"}`,
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
+                            repo.owner?.avatar_url && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              "img",
+                              {
+                                src: repo.owner.avatar_url,
+                                alt: repo.owner.login,
+                                className: "w-9 h-9 rounded-lg border border-border flex-shrink-0 mt-0.5 object-cover"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-bold text-primary hover:text-brand transition-colors", children: repo.name }),
+                                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-secondary font-mono", children: [
+                                  "by @",
+                                  repo.owner?.login
+                                ] }),
+                                repo.private ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-amber-500/10 text-amber-400 border border-amber-500/20 px-1.5 py-0.2 rounded font-medium", children: "Private" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-emerald-500/10 text-emerald-400 border border-emerald-500/20 px-1.5 py-0.2 rounded font-medium", children: "Public" }),
+                                isCurrentActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-brand text-white px-2 py-0.5 rounded font-bold uppercase tracking-wider", children: "Active" })
+                              ] }),
+                              repo.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary line-clamp-1 mt-0.5 max-w-md", children: repo.description }),
+                              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 mt-1.5 text-[11px] text-secondary", children: [
+                                savedPath ? pathExistenceMap[repo.full_name] === false ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-danger font-mono flex items-center gap-1 truncate max-w-xs", title: `Local folder deleted or moved: ${savedPath}`, children: [
+                                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-danger animate-pulse" }),
+                                  "Deleted: ",
+                                  savedPath
+                                ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-400 font-mono flex items-center gap-1 truncate max-w-xs", title: savedPath, children: [
+                                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-400" }),
+                                  savedPath
+                                ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-secondary/70 italic flex items-center gap-1", children: [
+                                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-secondary/50" }),
+                                  "Not cloned yet"
+                                ] }),
+                                repo.default_branch && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                                  "Branch: ",
+                                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-primary", children: repo.default_branch })
+                                ] })
+                              ] })
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 self-end sm:self-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                handleRepoCardClick(repo);
+                              },
+                              className: `px-3.5 py-1.5 text-xs font-semibold rounded-lg transition-all shadow-sm flex items-center gap-1.5 ${savedPath ? pathExistenceMap[repo.full_name] === false ? "bg-danger/20 hover:bg-danger/30 text-danger border border-danger/40" : "bg-brand hover:bg-brand-hover text-white" : "bg-surface hover:bg-surface-hover border border-border text-primary"}`,
+                              children: [
+                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: savedPath ? pathExistenceMap[repo.full_name] === false ? "Re-Clone" : "Open Repo" : "Connect / Clone" }),
+                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: pathExistenceMap[repo.full_name] === false ? "☁️" : "→" })
+                              ]
+                            }
+                          ) })
+                        ]
+                      },
+                      repo.id
+                    );
+                  }) })
                 ] })
               ] })
             ] }),