gitxelectron 1.1.7 → 1.1.9

package/out/renderer/assets/{index-i67_EinM.js → index-j4GZkdPL.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" })
+            ] })
           }
         )
       ] }),
@@ -23539,6 +23589,304 @@ const AuthHoverButton = ({ username }) => {
     ] })
   ] });
 };
+const CollaborationRepoView = ({
+  collaboratedRepos,
+  collabMappings,
+  pathExistenceMap,
+  collabSearch,
+  setCollabSearch,
+  currentRepoPath,
+  onRepoCardClick,
+  onRefresh,
+  isRefreshing,
+  onOpenExternal
+}) => {
+  const filteredRepos = collaboratedRepos.filter((repo) => {
+    if (!collabSearch.trim()) return true;
+    const q = collabSearch.toLowerCase().trim();
+    return repo.name?.toLowerCase().includes(q) || repo.full_name?.toLowerCase().includes(q) || repo.owner?.login?.toLowerCase().includes(q) || repo.description && repo.description.toLowerCase().includes(q) || repo.language && repo.language.toLowerCase().includes(q);
+  });
+  const connectedCount = collaboratedRepos.filter((r) => {
+    const saved = collabMappings[r.full_name];
+    return saved && pathExistenceMap[r.full_name] !== false;
+  }).length;
+  const missingCount = collaboratedRepos.filter((r) => {
+    const saved = collabMappings[r.full_name];
+    return saved && pathExistenceMap[r.full_name] === false;
+  }).length;
+  const notClonedCount = collaboratedRepos.length - connectedCount - missingCount;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-w-0 overflow-hidden gap-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-gradient-to-r from-brand/15 via-surface/60 to-purple-500/10 border border-brand/20 rounded-2xl p-4 sm:p-5 shadow-sm flex flex-col md:flex-row md:items-center justify-between gap-4 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start sm:items-center gap-3.5 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-11 h-11 rounded-2xl bg-brand/20 border border-brand/30 flex items-center justify-center text-brand flex-shrink-0 shadow-inner", 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", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base sm:text-lg font-bold text-primary tracking-tight", children: "Collaboration Repositories" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs bg-brand/20 border border-brand/30 text-brand px-2.5 py-0.5 rounded-full font-bold", children: collaboratedRepos.length })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary mt-0.5 truncate", children: "Repositories you collaborate on with organizations, teams, and other developers." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2.5 w-full md:w-auto", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1 sm:w-64 min-w-[200px]", 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 by repo, owner, or tech...",
+              className: "w-full bg-surface border border-border rounded-xl pl-9 pr-8 py-2 text-xs text-primary placeholder-secondary/70 focus:outline-none focus:border-brand focus:ring-1 focus:ring-brand transition-all shadow-xs"
+            }
+          ),
+          collabSearch && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setCollabSearch(""),
+              className: "absolute right-2.5 top-2 text-secondary hover:text-primary text-xs p-0.5 rounded",
+              title: "Clear search",
+              children: "✕"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: onRefresh,
+            disabled: isRefreshing,
+            className: "px-3.5 py-2 bg-surface hover:bg-surface-hover border border-border rounded-xl text-xs font-medium text-primary transition-all flex items-center gap-1.5 shadow-xs disabled:opacity-50 flex-shrink-0",
+            title: "Refresh collaboration repositories from GitHub",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "svg",
+                {
+                  className: `w-3.5 h-3.5 ${isRefreshing ? "animate-spin text-brand" : "text-secondary"}`,
+                  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: isRefreshing ? "Refreshing..." : "Refresh" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    collaboratedRepos.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-secondary flex-wrap px-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-secondary/80", children: "Filter summary:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 bg-surface border border-border px-2.5 py-1 rounded-lg font-mono text-[11px] text-primary", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 h-2 rounded-full bg-emerald-400" }),
+        connectedCount,
+        " Connected"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 bg-surface border border-border px-2.5 py-1 rounded-lg font-mono text-[11px] text-secondary", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 h-2 rounded-full bg-secondary/50" }),
+        notClonedCount,
+        " Not Cloned"
+      ] }),
+      missingCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 bg-danger/10 border border-danger/30 px-2.5 py-1 rounded-lg font-mono text-[11px] text-danger", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 h-2 rounded-full bg-danger animate-pulse" }),
+        missingCount,
+        " Missing Folder"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto pr-1 pb-4 custom-scrollbar min-h-0", children: collaboratedRepos.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center py-16 px-6 border border-dashed border-border rounded-2xl bg-surface/30 max-w-lg mx-auto my-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-16 h-16 mx-auto mb-4 rounded-2xl bg-brand/10 border border-brand/20 flex items-center justify-center text-3xl", children: "🤝" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-base font-bold text-primary mb-1.5", children: "No Collaboration Repositories Found" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary leading-relaxed mb-5 max-w-sm mx-auto", children: "You do not have any external collaboration repositories yet. When someone invites you as a collaborator or you invite someone to your repository, it will automatically appear here." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: onRefresh,
+          disabled: isRefreshing,
+          className: "px-4 py-2 bg-brand hover:bg-brand-hover text-white text-xs font-semibold rounded-xl transition-all shadow-sm flex items-center gap-2 mx-auto",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "svg",
+              {
+                className: `w-3.5 h-3.5 ${isRefreshing ? "animate-spin" : ""}`,
+                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 from GitHub" })
+          ]
+        }
+      )
+    ] }) : filteredRepos.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center py-12 px-6 border border-dashed border-border rounded-2xl bg-surface/20 max-w-md mx-auto my-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-2xl mb-2", children: "🔍" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-semibold text-primary mb-1", children: "No matches found" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-secondary mb-4", children: [
+        "No repository matches ",
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-semibold text-primary", children: [
+          '"',
+          collabSearch,
+          '"'
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setCollabSearch(""),
+          className: "px-3.5 py-1.5 bg-surface hover:bg-surface-hover border border-border text-primary text-xs font-medium rounded-lg transition-colors",
+          children: "Clear Search Filter"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 2xl:grid-cols-3 gap-4", children: filteredRepos.map((repo) => {
+      const savedPath = collabMappings[repo.full_name];
+      const isMissing = savedPath && pathExistenceMap[repo.full_name] === false;
+      const isCurrentActive = currentRepoPath && savedPath && currentRepoPath.toLowerCase() === savedPath.toLowerCase();
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          onClick: () => onRepoCardClick(repo),
+          className: `group relative rounded-2xl border p-4 sm:p-5 flex flex-col justify-between gap-3.5 transition-all duration-200 cursor-pointer min-w-0 ${isCurrentActive ? "bg-brand/10 border-brand shadow-md ring-1 ring-brand/40" : "bg-surface/75 hover:bg-surface border-border hover:border-brand/40 shadow-xs hover:shadow-md"}`,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3 min-w-0", children: [
+              repo.owner?.avatar_url ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: repo.owner.avatar_url,
+                  alt: repo.owner.login,
+                  className: "w-10 h-10 rounded-xl border border-border/80 flex-shrink-0 object-cover bg-canvas shadow-xs mt-0.5"
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-10 h-10 rounded-xl bg-canvas border border-border/80 flex items-center justify-center text-xs font-bold text-secondary flex-shrink-0 mt-0.5", children: repo.owner?.login ? repo.owner.login.slice(0, 2).toUpperCase() : "GH" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 flex-wrap min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "span",
+                    {
+                      className: "text-sm font-bold text-primary group-hover:text-brand transition-colors truncate max-w-[220px]",
+                      title: repo.name,
+                      children: repo.name
+                    }
+                  ),
+                  repo.private ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-amber-500/10 text-amber-400 border border-amber-500/25 px-2 py-0.2 rounded-full font-medium flex-shrink-0", children: "Private" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-emerald-500/10 text-emerald-400 border border-emerald-500/25 px-2 py-0.2 rounded-full font-medium flex-shrink-0", children: "Public" }),
+                  isCurrentActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] bg-brand text-white px-2 py-0.5 rounded-full font-bold uppercase tracking-wider flex-shrink-0 shadow-xs", children: "Active" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mt-1 text-xs text-secondary min-w-0 flex-wrap", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-secondary truncate max-w-[140px]", title: `@${repo.owner?.login}`, children: [
+                    "@",
+                    repo.owner?.login
+                  ] }),
+                  repo.default_branch && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] font-mono bg-surface-hover text-secondary border border-border/60 px-1.5 py-0.5 rounded flex items-center gap-1 flex-shrink-0", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "🌿" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate max-w-[90px]", children: repo.default_branch })
+                  ] }),
+                  repo.language && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] font-medium text-secondary/70 flex items-center gap-1 flex-shrink-0", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-brand/60" }),
+                    repo.language
+                  ] })
+                ] })
+              ] }),
+              repo.html_url && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onOpenExternal(repo.html_url);
+                  },
+                  className: "p-1.5 rounded-lg text-secondary hover:text-primary hover:bg-surface-hover transition-colors flex-shrink-0 opacity-70 group-hover:opacity-100",
+                  title: "Open on GitHub",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.205 11.387.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.298 24 12c0-6.627-5.373-12-12-12z" }) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-secondary line-clamp-2 min-h-[34px] break-words leading-relaxed", children: repo.description || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-secondary/50", children: "No repository description provided." }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-border/60 pt-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2.5 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1", children: savedPath ? isMissing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  className: "inline-flex items-center gap-1.5 text-xs text-danger font-mono bg-danger/10 border border-danger/25 px-2.5 py-1 rounded-lg min-w-0 max-w-full truncate",
+                  title: `Folder was deleted or moved: ${savedPath}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-danger animate-pulse flex-shrink-0" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: "Folder missing on disk" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  className: "inline-flex items-center gap-1.5 text-xs text-emerald-400 font-mono bg-emerald-500/10 border border-emerald-500/25 px-2.5 py-1 rounded-lg min-w-0 max-w-full truncate",
+                  title: savedPath,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-400 flex-shrink-0" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: savedPath.split("\\").pop() || savedPath })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-1.5 text-xs text-secondary/70 italic bg-canvas/60 border border-border/60 px-2.5 py-1 rounded-lg flex-shrink-0", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-secondary/40" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Not cloned yet" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 flex-shrink-0 self-end sm:self-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onRepoCardClick(repo);
+                  },
+                  className: `px-3.5 py-1.5 text-xs font-semibold rounded-xl transition-all shadow-xs flex items-center gap-1.5 ${savedPath ? isMissing ? "bg-danger/20 hover:bg-danger/30 text-danger border border-danger/40" : "bg-brand hover:bg-brand-hover text-white shadow-brand/20" : "bg-brand hover:bg-brand-hover text-white shadow-brand/20"}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: savedPath ? isMissing ? "Re-Clone" : "Open Repo" : "Clone / Connect" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isMissing ? "☁️" : savedPath ? "→" : "☁️" })
+                  ]
+                }
+              ) })
+            ] })
+          ]
+        },
+        repo.id
+      );
+    }) }) })
+  ] });
+};
 const translations = {
   en: {
     settings: "Settings",
@@ -23900,6 +24248,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 +24414,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 +24449,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 +24498,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);
@@ -24123,11 +24545,6 @@ function App() {
     window.api.getCliRepo().then((cliRepoPath) => {
       if (cliRepoPath) {
         loadRepo(cliRepoPath);
-      } else {
-        const lastRepo = localStorage.getItem("gitelectron-last-repo");
-        if (lastRepo) {
-          loadRepo(lastRepo);
-        }
       }
     });
   }, []);
@@ -24212,28 +24629,147 @@ function App() {
     setTheme(newTheme);
     localStorage.setItem("gitelectron-theme", newTheme);
   };
-  const handleSelectDirectory = async () => {
+  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 handleCollabRefresh = async () => {
+    showToast("Refreshing collaboration repositories...", "info");
+    try {
+      setIsRefreshing(true);
+      const repos = await window.api.getCollaboratedRepos();
+      setCollaboratedRepos(repos || []);
+      showToast(`Loaded ${repos?.length || 0} collaboration repository(ies)`, "success");
+    } catch (e) {
+      showToast(`Failed to refresh: ${e.message || e}`, "error");
+    } finally {
+      setIsRefreshing(false);
+    }
+  };
+  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);
-      const dismissed = localStorage.getItem(`gitelectron-wizard-dismissed-${result.path}`) === "true";
-      if (!result.isRepo) {
-        if (!dismissed) setShowSetupWizard(true);
-      } else {
+      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 refreshRepoState = async () => {
-    setIsRefreshing(true);
+  const handleCollabClone = async () => {
+    if (!showCollabActionModal) return;
+    const { url, name, fullName, repo } = showCollabActionModal;
+    setShowCollabActionModal(null);
+    const cloneUrl = url || repo?.clone_url || repo?.html_url || (fullName ? `https://github.com/${fullName}.git` : "");
+    if (!cloneUrl) {
+      showToast("Could not resolve clone URL for this repository", "error");
+      return;
+    }
     try {
-      setErrorMsg("");
-      const s = await window.api.getStatus();
-      setStatus(s);
-      if (!branches) {
-        setBranches({ current: s.current || "main", all: [] });
+      const result = await window.api.selectDirectory();
+      if (!result) return;
+      const repoName = name || repo?.name || (fullName ? fullName.split("/").pop() : "repository");
+      const selectedBasename = result.path.replace(/\\/g, "/").split("/").pop();
+      const destPath = selectedBasename?.toLowerCase() === repoName.toLowerCase() ? result.path : `${result.path}\\${repoName}`;
+      setIsCloning(true);
+      const clonedPath = await window.api.cloneRepository(cloneUrl, 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: ${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) {
+      localStorage.setItem("gitelectron-last-repo", result.path);
+      setRepoPath(result.path);
+      setIsRepo(result.isRepo);
+      const dismissed = localStorage.getItem(`gitelectron-wizard-dismissed-${result.path}`) === "true";
+      if (!result.isRepo) {
+        if (!dismissed) setShowSetupWizard(true);
+      } else {
+        await refreshRepoState();
+      }
+    }
+  };
+  const refreshRepoState = async () => {
+    setIsRefreshing(true);
+    try {
+      setErrorMsg("");
+      const s = await window.api.getStatus();
+      setStatus(s);
+      if (!branches) {
+        setBranches({ current: s.current || "main", all: [] });
       }
       try {
         const dh = await window.api.getDeletedHistory();
@@ -24307,6 +24843,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 +24865,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 +25945,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 pr-8 min-w-0", 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 flex-shrink-0", 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", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base font-bold text-primary tracking-tight truncate", children: "Collaboration Repository" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-secondary font-mono truncate max-w-full", 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 +26297,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 +26336,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",
               {
@@ -26210,135 +26891,286 @@ function App() {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-hidden flex flex-col lg:flex-row gap-6 pb-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 bg-surface/70 backdrop-blur-md rounded-xl border border-border flex flex-col transition-colors duration-300 overflow-hidden", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b border-border px-4 pt-3 gap-1", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "button",
-                  {
-                    onClick: () => setChangesTab("changes"),
-                    className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 ${changesTab === "changes" ? "text-primary border-accent bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
-                    children: [
-                      "Changes",
-                      status.not_added.length + status.modified.length + status.created.length + status.conflicted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1.5 bg-accent/20 text-accent text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: status.not_added.length + status.modified.length + status.created.length + status.conflicted.length })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "button",
-                  {
-                    onClick: () => setChangesTab("deleted"),
-                    className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 ${changesTab === "deleted" ? "text-primary border-danger bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
-                    children: [
-                      "Deleted",
-                      status.deleted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1.5 bg-danger/20 text-danger text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: status.deleted.length })
-                    ]
-                  }
-                ),
-                changesTab === "changes" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "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"
-                  }
-                )
-              ] }),
-              /* @__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: [
-                  status.conflicted.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    "li",
+          changesTab === "collaboration-repo" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 bg-surface/70 backdrop-blur-md rounded-2xl border border-border flex flex-col transition-colors duration-300 overflow-hidden p-4 sm:p-5 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b border-border pb-3 mb-4 gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  onClick: () => setChangesTab("changes"),
+                  className: "text-xs font-semibold px-3 py-1.5 rounded-lg text-secondary hover:text-primary hover:bg-surface-hover transition-colors flex items-center gap-1.5",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "←" }),
+                    " Changes"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: () => setChangesTab("deleted"),
+                  className: "text-xs font-semibold px-3 py-1.5 rounded-lg text-secondary hover:text-primary hover:bg-surface-hover transition-colors",
+                  children: "Deleted"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto text-xs font-bold text-brand bg-brand/10 border border-brand/20 px-3 py-1 rounded-full", children: "Collaboration Repo" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CollaborationRepoView,
+              {
+                collaboratedRepos,
+                collabMappings,
+                pathExistenceMap,
+                collabSearch,
+                setCollabSearch,
+                currentRepoPath: repoPath,
+                onRepoCardClick: handleRepoCardClick,
+                onRefresh: handleCollabRefresh,
+                isRefreshing,
+                onOpenExternal: (url) => window.api.openExternal(url)
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-hidden flex flex-col lg:flex-row gap-6 pb-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 bg-surface/70 backdrop-blur-md rounded-xl border border-border flex flex-col transition-colors duration-300 overflow-hidden", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b border-border px-4 pt-3 gap-1", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
                     {
-                      className: "flex justify-between items-center hover:bg-surface-hover px-2 py-1.5 rounded-md group transition-colors",
+                      onClick: () => setChangesTab("changes"),
+                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 ${changesTab === "changes" ? "text-primary border-accent bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
                       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",
-                            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: "truncate", children: f })
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            "button",
+                        "Changes",
+                        status.not_added.length + status.modified.length + status.created.length + status.conflicted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1.5 bg-accent/20 text-accent text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: status.not_added.length + status.modified.length + status.created.length + status.conflicted.length })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      onClick: () => setChangesTab("deleted"),
+                      className: `text-xs font-semibold px-3 py-1.5 rounded-t-md transition-colors border-b-2 ${changesTab === "deleted" ? "text-primary border-danger bg-canvas/50" : "text-secondary border-transparent hover:text-primary"}`,
+                      children: [
+                        "Deleted",
+                        status.deleted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1.5 bg-danger/20 text-danger text-[10px] font-bold px-1.5 py-0.5 rounded-full", children: status.deleted.length })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      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: [
+                    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",
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                            "span",
                             {
-                              onClick: () => openEditor(f),
-                              className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
-                              children: "Edit"
+                              onClick: () => viewDiff(f, false),
+                              className: "text-xs text-warning font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate",
+                              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: "truncate", children: f })
+                              ]
                             }
                           ),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            "button",
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              "button",
+                              {
+                                onClick: () => openEditor(f),
+                                className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
+                                children: "Edit"
+                              }
+                            ),
+                            /* @__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: "+"
+                              }
+                            )
+                          ] })
+                        ]
+                      },
+                      `c-${f}`
+                    )),
+                    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",
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                            "span",
                             {
-                              onClick: () => handleStageSingle(f),
-                              className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
-                              children: "+"
+                              onClick: () => viewDiff(f, false),
+                              className: "text-xs text-success font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate",
+                              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: "truncate", children: f })
+                              ]
                             }
-                          )
-                        ] })
-                      ]
-                    },
-                    `c-${f}`
-                  )),
-                  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",
-                      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",
-                            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: "truncate", children: f })
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            "button",
+                          ),
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              "button",
+                              {
+                                onClick: () => openEditor(f),
+                                className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
+                                children: "Edit"
+                              }
+                            ),
+                            /* @__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: "+"
+                              }
+                            )
+                          ] })
+                        ]
+                      },
+                      `u-${f}`
+                    )),
+                    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",
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                            "span",
                             {
-                              onClick: () => openEditor(f),
-                              className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
-                              children: "Edit"
+                              onClick: () => viewDiff(f, false),
+                              className: "text-xs text-warning font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate",
+                              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: "truncate", children: f })
+                              ]
                             }
                           ),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              "button",
+                              {
+                                onClick: () => openEditor(f),
+                                className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
+                                children: "Edit"
+                              }
+                            ),
+                            /* @__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: "+"
+                              }
+                            )
+                          ] })
+                        ]
+                      },
+                      `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" })
+                  ] }),
+                  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: "+"
                             }
-                          )
-                        ] })
-                      ]
-                    },
-                    `u-${f}`
-                  )),
-                  status.modified.filter((f) => !status.conflicted.includes(f)).map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                          ) })
+                        ]
+                      },
+                      `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: "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.jsxs("div", { className: "flex-1 bg-surface/70 backdrop-blur-md rounded-xl p-4 border border-border flex flex-col transition-colors duration-300", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "font-semibold mb-4 text-primary text-sm", children: "Staged Changes" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-auto pr-2 custom-scrollbar", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-1", children: [
+                  status.staged.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",
                       children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
                           "span",
                           {
-                            onClick: () => viewDiff(f, false),
-                            className: "text-xs text-warning font-mono cursor-pointer flex-1 flex items-center gap-1.5 truncate",
-                            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: "truncate", children: f })
-                            ]
+                            onClick: () => viewDiff(f, true),
+                            className: "text-xs text-success font-mono cursor-pointer flex-1",
+                            children: f
                           }
                         ),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1 flex-shrink-0", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1", children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsx(
                             "button",
                             {
@@ -26350,124 +27182,76 @@ function App() {
                           /* @__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: "+"
+                              onClick: () => handleUnstageSingle(f),
+                              className: "text-[10px] text-secondary hover:text-danger px-2 py-0.5 border border-border rounded bg-canvas",
+                              children: "-"
                             }
                           )
                         ] })
                       ]
                     },
-                    `m-${f}`
+                    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 })
-                      ] }),
-                      /* @__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)) })
-                ] })
+                  status.staged.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-xs text-secondary italic mt-2 text-center", children: "No files staged for commit" })
+                ] }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 bg-surface/70 backdrop-blur-md rounded-xl p-4 border border-border flex flex-col transition-colors duration-300", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "font-semibold mb-4 text-primary text-sm", children: "Staged Changes" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-auto pr-2 custom-scrollbar", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-1", children: [
-                status.staged.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",
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "span",
-                        {
-                          onClick: () => viewDiff(f, true),
-                          className: "text-xs text-success font-mono cursor-pointer flex-1",
-                          children: f
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex gap-1", children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          "button",
-                          {
-                            onClick: () => openEditor(f),
-                            className: "text-[10px] text-secondary hover:text-primary px-2 py-0.5 border border-border rounded bg-canvas",
-                            children: "Edit"
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          "button",
-                          {
-                            onClick: () => handleUnstageSingle(f),
-                            className: "text-[10px] text-secondary hover:text-danger px-2 py-0.5 border border-border rounded bg-canvas",
-                            children: "-"
-                          }
-                        )
-                      ] })
-                    ]
-                  },
-                  f
-                )),
-                status.staged.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-xs text-secondary italic mt-2 text-center", children: "No files staged for commit" })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 bg-surface/70 backdrop-blur-md p-4 rounded-xl border border-border flex gap-3 items-center transition-colors duration-300", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                type: "text",
-                placeholder: "Commit message...",
-                className: "flex-1 bg-canvas border border-border rounded-md p-2.5 text-primary focus:outline-none focus:border-accent focus:ring-1 focus:ring-accent transition-all disabled:opacity-50 text-sm",
-                value: commitMessage,
-                disabled: !pushPermission,
-                onChange: (e) => setCommitMessage(e.target.value),
-                onKeyDown: (e) => {
-                  if (e.key === "Enter") handleCommitClick();
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 bg-surface/70 backdrop-blur-md p-4 rounded-xl border border-border flex gap-3 items-center transition-colors duration-300", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Commit message...",
+                  className: "flex-1 bg-canvas border border-border rounded-md p-2.5 text-primary focus:outline-none focus:border-accent focus:ring-1 focus:ring-accent transition-all disabled:opacity-50 text-sm",
+                  value: commitMessage,
+                  disabled: !pushPermission,
+                  onChange: (e) => setCommitMessage(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") handleCommitClick();
+                  }
                 }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: handleCommitClick,
+                  disabled: status.staged.length === 0 || !commitMessage || !pushPermission,
+                  className: "px-6 py-2.5 bg-brand hover:bg-brand-hover border border-white/10 disabled:opacity-50 disabled:bg-surface-hover disabled:border-border text-white rounded-md font-semibold transition-all shadow-sm flex items-center justify-center gap-2 text-sm",
+                  children: "Commit & Push"
+                }
+              )
+            ] })
+          ] })
+        ] }) : changesTab === "collaboration-repo" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 bg-surface/70 backdrop-blur-md rounded-2xl border border-border flex flex-col transition-colors duration-300 overflow-hidden p-4 sm:p-5 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between border-b border-border pb-3 mb-4 gap-2 flex-shrink-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "button",
               {
-                onClick: handleCommitClick,
-                disabled: status.staged.length === 0 || !commitMessage || !pushPermission,
-                className: "px-6 py-2.5 bg-brand hover:bg-brand-hover border border-white/10 disabled:opacity-50 disabled:bg-surface-hover disabled:border-border text-white rounded-md font-semibold transition-all shadow-sm flex items-center justify-center gap-2 text-sm",
-                children: "Commit & Push"
+                onClick: () => setChangesTab("changes"),
+                className: "text-xs font-semibold px-3.5 py-1.5 rounded-xl bg-surface hover:bg-surface-hover text-secondary hover:text-primary border border-border transition-colors flex items-center gap-1.5",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "←" }),
+                  " Back to Workspace"
+                ]
               }
-            )
-          ] })
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-bold text-brand bg-brand/10 border border-brand/20 px-3 py-1 rounded-full", children: "Collaboration Hub" }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CollaborationRepoView,
+            {
+              collaboratedRepos,
+              collabMappings,
+              pathExistenceMap,
+              collabSearch,
+              setCollabSearch,
+              currentRepoPath: repoPath,
+              onRepoCardClick: handleRepoCardClick,
+              onRefresh: handleCollabRefresh,
+              isRefreshing,
+              onOpenExternal: (url) => window.api.openExternal(url)
+            }
+          )
         ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-secondary relative z-10", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-24 h-24 mb-6 opacity-30 hover:opacity-50 transition-opacity", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logo, alt: "Logo", className: "w-full h-full drop-shadow-md" }) }),
           repoPath ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [