fix(web): support cloning existing repositories

- Make the add repository dialog explicitly support cloning from a remote git server
- Keep blank repo creation as a fallback option
- Add validation and tests for the clone-first flow

Quality gates: tsc --noEmit, vitest run src/components/repositories-settings-tab.test.tsx

apps/web/src/components/repositories-settings-tab.tsx

@@ -15,6 +15,7 @@ export const RepositoriesSettingsTab: React.FC = () => {
   const [repositories, setRepositories] = useState<GitRepository[]>([]);
   const [loading, setLoading] = useState(true);
   const [showCreate, setShowCreate] = useState(false);
+  const [createMode, setCreateMode] = useState<"clone" | "blank">("clone");
   const [formName, setFormName] = useState("");
   const [formRemoteUrl, setFormRemoteUrl] = useState("");
   const [error, setError] = useState("");
@@ -49,6 +50,10 @@ export const RepositoriesSettingsTab: React.FC = () => {
       setError("Repository name is required");
       return;
     }
+    if (createMode === "clone" && !formRemoteUrl.trim()) {
+      setError("Remote URL is required to clone an existing repository");
+      return;
+    }
 
     try {
       const input: GitRepositoryCreate = {
@@ -57,6 +62,7 @@ export const RepositoriesSettingsTab: React.FC = () => {
       };
       await createRepository(projectId, input);
       setShowCreate(false);
+      setCreateMode("clone");
       setFormName("");
       setFormRemoteUrl("");
       await loadRepositories();
@@ -82,7 +88,11 @@ export const RepositoriesSettingsTab: React.FC = () => {
     <div className="repositories-settings-tab">
       <div className="page-header">
         <h2>Repositories</h2>
-        <button className="primary-button" onClick={() => setShowCreate(true)} type="button">
+        <button
+          className="primary-button"
+          onClick={() => setShowCreate(true)}
+          type="button"
+        >
           <Icon name="add" size="sm" />
           Add Repository
         </button>
@@ -117,9 +127,32 @@ export const RepositoriesSettingsTab: React.FC = () => {
         <div className="dialog-overlay" role="dialog" aria-modal="true">
           <div className="dialog">
             <h3>Add Repository</h3>
+            <p className="muted">
+              Clone an existing repository from a git server, or create a blank bare repo here.
+            </p>
             <form onSubmit={handleCreate} className="stack">
+              <div className="form-field">
+                <label>
+                  <input
+                    type="radio"
+                    name="repository-mode"
+                    checked={createMode === "clone"}
+                    onChange={() => setCreateMode("clone")}
+                  />
+                  Clone existing repository
+                </label>
+                <label>
+                  <input
+                    type="radio"
+                    name="repository-mode"
+                    checked={createMode === "blank"}
+                    onChange={() => setCreateMode("blank")}
+                  />
+                  Create blank repository
+                </label>
+              </div>
               <label className="form-field">
-                Name
+                Repository name
                 <input
                   type="text"
                   value={formName}
@@ -128,7 +161,7 @@ export const RepositoriesSettingsTab: React.FC = () => {
                 />
               </label>
               <label className="form-field">
-                Remote URL (optional)
+                Remote URL {createMode === "clone" ? "(required)" : "(optional)"}
                 <input
                   type="text"
                   value={formRemoteUrl}
@@ -141,7 +174,7 @@ export const RepositoriesSettingsTab: React.FC = () => {
                   Cancel
                 </button>
                 <button className="primary-button" type="submit">
-                  Create
+                  {createMode === "clone" ? "Clone Repository" : "Create Blank Repository"}
                 </button>
               </div>
             </form>