From 0af08f60b003de11321ae4c2322a39dc5fef26e1 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Wed, 24 Sep 2025 22:36:25 -0400
Subject: [PATCH] Add hosted URL and seed hint inputs to upload modal

---
 components/upload-modal.html | 69 ++++++++++++------------------------
 1 file changed, 22 insertions(+), 47 deletions(-)

diff --git a/components/upload-modal.html b/components/upload-modal.html
index 37fdeb30..59124b05 100644
--- a/components/upload-modal.html
+++ b/components/upload-modal.html
@@ -69,21 +69,31 @@
             />
           </div>
 
-          <div>
-            <label
-              for="uploadUrl"
-              class="block text-sm font-medium text-gray-200"
-              >Hosted video URL</label
+          <!-- Hosted video URL -->
+          <div class="mb-4">
+            <label for="uploadUrl" class="block text-sm font-medium">Hosted video URL</label>
+            <input
+              id="uploadUrl"
+              type="url"
+              class="w-full p-2 rounded"
+              placeholder="https://cdn.example.com/video.mp4 or .webm/.m3u8"
+            >
+          </div>
+
+          <!-- Optional: seed bootstraps for magnet -->
+          <div class="grid grid-cols-1 gap-3 mb-2 text-xs">
+            <input
+              id="uploadWs"
+              type="url"
+              class="w-full p-2 rounded"
+              placeholder="Web seed (ws=) e.g., https://cdn.example.com/video.mp4"
             >
             <input
+              id="uploadXs"
               type="url"
-              id="uploadUrl"
-              placeholder="https://cdn.example.com/video.mp4"
-              class="mt-1 block w-full rounded-md border border-gray-700 bg-gray-800 text-gray-100 focus:border-blue-500 focus:ring-blue-500"
-            />
-            <p class="mt-1 text-xs text-gray-400">
-              Direct link to your video or stream. Bitvid will play this first before falling back to WebTorrent.
-            </p>
+              class="w-full p-2 rounded"
+              placeholder=".torrent URL (xs=) e.g., https://cdn.example.com/video.torrent"
+            >
           </div>
 
           <div>
@@ -103,41 +113,6 @@
             </p>
           </div>
 
-          <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
-            <div>
-              <label
-                for="uploadWs"
-                class="block text-sm font-medium text-gray-200"
-                >Web seed base (ws, optional)</label
-              >
-              <input
-                type="url"
-                id="uploadWs"
-                placeholder="https://cdn.example.com/path/to/"
-                class="mt-1 block w-full rounded-md border border-gray-700 bg-gray-800 text-gray-100 focus:border-blue-500 focus:ring-blue-500"
-              />
-              <p class="mt-1 text-xs text-gray-400">
-                HTTP(S) base path peers can fetch pieces from when falling back to the magnet.
-              </p>
-            </div>
-            <div>
-              <label
-                for="uploadXs"
-                class="block text-sm font-medium text-gray-200"
-                >Torrent metadata URL (xs, optional)</label
-              >
-              <input
-                type="url"
-                id="uploadXs"
-                placeholder="https://cdn.example.com/video.torrent"
-                class="mt-1 block w-full rounded-md border border-gray-700 bg-gray-800 text-gray-100 focus:border-blue-500 focus:ring-blue-500"
-              />
-              <p class="mt-1 text-xs text-gray-400">
-                Link to the <code>.torrent</code> file so WebTorrent clients can bootstrap instantly.
-              </p>
-            </div>
-          </div>
-
           <div>
             <label
               for="uploadThumbnail"