From 3d0ab2093b180f00b42d32df58ec3ea68d020d11 Mon Sep 17 00:00:00 2001
From: nikitalokhmachev-ai <n1kkqt@gmail.com>
Date: Mon, 2 Jun 2025 15:53:53 -0400
Subject: [PATCH 1/3] feat: ReplayWeb.page URL link

---
 src/argo-shared-archive-list.ts |  8 +++++++-
 src/consts.ts                   |  2 ++
 src/sidepanel.ts                | 10 +++++++---
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/argo-shared-archive-list.ts b/src/argo-shared-archive-list.ts
index 7b6cf84..ef30b95 100644
--- a/src/argo-shared-archive-list.ts
+++ b/src/argo-shared-archive-list.ts
@@ -16,6 +16,7 @@ import { Index as FlexIndex } from "flexsearch";
 import type { SharedArchive } from "./types";
 import { webtorrentClient as client } from "./global-webtorrent";
 
+import { REPLAY_BASE_URL } from "./consts";
 @customElement("argo-shared-archive-list")
 export class ArgoSharedArchiveList extends LitElement {
   static styles: CSSResultGroup = [
@@ -424,7 +425,12 @@ export class ArgoSharedArchiveList extends LitElement {
                       style="padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;"
                     >
                       <md-filled-button
-                        @click=${() => this._copyLink(archive.magnetURI)}
+                        @click=${() =>
+                          this._copyLink(
+                            `${REPLAY_BASE_URL}/?source=${encodeURIComponent(
+                              archive.magnetURI,
+                            )}`,
+                          )}
                       >
                         <md-icon slot="icon" style="color:white"
                           >content_copy</md-icon
diff --git a/src/consts.ts b/src/consts.ts
index 62ccd2b..2e6057b 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -3,3 +3,5 @@ export const BEHAVIOR_READY_START = "ready";
 export const BEHAVIOR_PAUSED = "paused";
 export const BEHAVIOR_RUNNING = "running";
 export const BEHAVIOR_DONE = "done";
+export const REPLAY_BASE_URL =
+  "https://replayweb-page-m-git-nikita-webtorrent-integration-monadical.vercel.app";
diff --git a/src/sidepanel.ts b/src/sidepanel.ts
index 35d10cb..aa574cb 100644
--- a/src/sidepanel.ts
+++ b/src/sidepanel.ts
@@ -14,6 +14,7 @@ import { getSharedArchives, setSharedArchives } from "./localstorage";
 import { webtorrentClient as client } from "./global-webtorrent";
 import { state } from "lit/decorators.js";
 import { isUrlInSkipList } from "./utils";
+import { REPLAY_BASE_URL } from "./consts";
 
 import {
   getLocalOption,
@@ -493,15 +494,18 @@ class ArgoViewer extends LitElement {
         const magnetURI = torrent.magnetURI;
         console.log("Seeding WACZ file via WebTorrent:", magnetURI);
 
+        const replayLink = `${REPLAY_BASE_URL}/?source=${encodeURIComponent(
+          magnetURI,
+        )}`;
         // Copy to clipboard
         navigator.clipboard
-          .writeText(magnetURI)
+          .writeText(replayLink)
           .then(() => {
-            alert(`Magnet link copied to clipboard:\n${magnetURI}`);
+            alert(`Magnet link copied to clipboard:\n${replayLink}`);
           })
           .catch((err) => {
             console.error("Failed to copy magnet link:", err);
-            alert(`Magnet Link Ready:\n${magnetURI}`);
+            alert(`Magnet Link Ready:\n${replayLink}`);
           });
 
         const existing = await getSharedArchives();

From e7d3485857c31dbd5028e2229eebc86765dd4f5a Mon Sep 17 00:00:00 2001
From: nikitalokhmachev-ai <n1kkqt@gmail.com>
Date: Tue, 3 Jun 2025 14:24:17 -0400
Subject: [PATCH 2/3] feat: copy magnet link button

---
 src/argo-shared-archive-list.ts | 20 ++++++++++++++------
 src/sidepanel.ts                |  6 ++++--
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/argo-shared-archive-list.ts b/src/argo-shared-archive-list.ts
index ef30b95..cab383e 100644
--- a/src/argo-shared-archive-list.ts
+++ b/src/argo-shared-archive-list.ts
@@ -437,12 +437,20 @@ export class ArgoSharedArchiveList extends LitElement {
                         >
                         Copy Link
                       </md-filled-button>
-                      <md-icon-button
-                        @click=${() => this._unseed(archive.id)}
-                        aria-label="Unshare"
-                      >
-                        <md-icon>share_off</md-icon>
-                      </md-icon-button>
+                      <div style="display: flex; gap: 0.25rem;">
+                        <md-icon-button
+                          @click=${() => this._copyLink(archive.magnetURI)}
+                          aria-label="P2P"
+                        >
+                          <md-icon>p2p</md-icon>
+                        </md-icon-button>
+                        <md-icon-button
+                          @click=${() => this._unseed(archive.id)}
+                          aria-label="Unshare"
+                        >
+                          <md-icon>share_off</md-icon>
+                        </md-icon-button>
+                      </div>
                     </div>
                   </details>
                 </md-elevated-card>
diff --git a/src/sidepanel.ts b/src/sidepanel.ts
index aa574cb..87bc1d1 100644
--- a/src/sidepanel.ts
+++ b/src/sidepanel.ts
@@ -501,11 +501,13 @@ class ArgoViewer extends LitElement {
         navigator.clipboard
           .writeText(replayLink)
           .then(() => {
-            alert(`Magnet link copied to clipboard:\n${replayLink}`);
+            alert(
+              `ReplayWeb.page copied to clipboard (just paste it in the address bar):\n${replayLink}`,
+            );
           })
           .catch((err) => {
             console.error("Failed to copy magnet link:", err);
-            alert(`Magnet Link Ready:\n${replayLink}`);
+            alert(`ReplayWeb.page Ready:\n${replayLink}`);
           });
 
         const existing = await getSharedArchives();

From 7257797f74c33cc738742c56e31a6429257bee4c Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Tue, 3 Jun 2025 20:44:40 -0400
Subject: [PATCH 3/3] Add tooltips to icon buttons

---
 src/argo-shared-archive-list.ts |  2 ++
 src/sidepanel.ts                | 19 +++++++++++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/argo-shared-archive-list.ts b/src/argo-shared-archive-list.ts
index dde3a51..b52c4f4 100644
--- a/src/argo-shared-archive-list.ts
+++ b/src/argo-shared-archive-list.ts
@@ -440,12 +440,14 @@ export class ArgoSharedArchiveList extends LitElement {
                         <md-icon-button
                           @click=${() => this._copyLink(archive.magnetURI)}
                           aria-label="P2P"
+                          title="Copy magnet link"
                         >
                           <md-icon>p2p</md-icon>
                         </md-icon-button>
                         <md-icon-button
                           @click=${() => this._unseed(archive.id)}
                           aria-label="Unshare"
+                          title="Unshare"
                         >
                           <md-icon>share_off</md-icon>
                         </md-icon-button>
diff --git a/src/sidepanel.ts b/src/sidepanel.ts
index 118187f..8bbda01 100644
--- a/src/sidepanel.ts
+++ b/src/sidepanel.ts
@@ -1114,14 +1114,21 @@ class ArgoViewer extends LitElement {
             </div>
 
             <div style="display:flex; align-items:center;">
-              <md-icon-button aria-label="Download" @click=${this.onDownload}
+              <md-icon-button
+                aria-label="Export selected"
+                title="Export selected"
+                @click=${this.onDownload}
                 ><md-icon>download</md-icon></md-icon-button
               >
-              <md-icon-button aria-label="Share" @click=${this.onShareSelected}
+              <md-icon-button
+                aria-label="Share selected"
+                title="Share selected"
+                @click=${this.onShareSelected}
                 ><md-icon>share</md-icon></md-icon-button
               >
               <md-icon-button
-                aria-label="Delete"
+                aria-label="Delete selected"
+                title="Delete selected"
                 @click=${this.onDeleteSelected}
                 ><md-icon>delete</md-icon></md-icon-button
               >
@@ -1230,7 +1237,11 @@ class ArgoViewer extends LitElement {
                 `
           }
 
-          <md-icon-button aria-label="Settings" @click=${this._toggleSettings}>
+          <md-icon-button
+            aria-label="Settings"
+            title="Settings"
+            @click=${this._toggleSettings}
+          >
             <md-icon>settings</md-icon>
           </md-icon-button>
         </div>