p2p: more context menu options

Signed-off-by: webbeef <[e-mail]>

ui/system/web_view.js

···
       icon: actionIcons[item.id] || item.icon,
     }));
 
-    // Add "Open in <peer>" items for connected paired peers.
+    // Add P2P "Open/Send in <peer>" items for connected paired peers.
     try {
       const peers = await navigator.embedder.pairing.peers();
       const connected = peers.filter((p) => p.status === "paired-connected");
-      if (connected.length === 1) {
-        items.push({
-          id: `p2p_open_in:${connected[0].id}`,
-          label: `Open in ${connected[0].displayName}`,
-          icon: "send",
-          disabled: false,
-        });
-      } else if (connected.length > 1) {
-        for (const peer of connected) {
-          items.push({
-            id: `p2p_open_in:${peer.id}`,
-            label: `Open in ${peer.displayName}`,
+      if (connected.length > 0) {
+        const peerItems = (idPrefix, label, url) =>
+          connected.map((peer) => ({
+            id: `${idPrefix}:${peer.id}:${url}`,
+            label: `${label} ${peer.displayName}`,
             icon: "send",
             disabled: false,
-          });
+          }));
+
+        // Insert "Open Link in <peer>" after "OpenLinkInNewWebView"
+        if (params.linkUrl) {
+          const idx = items.findIndex(
+            (i) => i.id === "OpenLinkInNewWebView",
+          );
+          if (idx !== -1) {
+            items.splice(
+              idx + 1,
+              0,
+              ...peerItems("p2p_open_link", "Open Link in", params.linkUrl),
+            );
+          }
         }
+
+        // Insert "Open Image in <peer>" after "OpenImageInNewView"
+        if (params.imageUrl) {
+          const idx = items.findIndex(
+            (i) => i.id === "OpenImageInNewView",
+          );
+          if (idx !== -1) {
+            items.splice(
+              idx + 1,
+              0,
+              ...peerItems(
+                "p2p_open_image",
+                "Open Image in",
+                params.imageUrl,
+              ),
+            );
+          }
+        }
+
+        // "Open this view in <peer>" at the end (for current page)
+        items.push(
+          ...peerItems("p2p_open_in", "Open in", this.currentUrl),
+        );
       }
     } catch {
       // Pairing service may not be running — skip the items.
···
 
     this.ensureIframe();
 
-    // Handle P2P "Open in <peer>" action locally.
-    if (action.startsWith("p2p_open_in:")) {
+    // Handle P2P "Open in <peer>" actions locally.
+    if (
+      action.startsWith("p2p_open_in:") ||
+      action.startsWith("p2p_open_link:") ||
+      action.startsWith("p2p_open_image:")
+    ) {
       this.iframe.respondToContextMenu(controlId, null);
       this.contextMenu = null;
+      // Format: "p2p_<type>:<peerId>:<url>"
+      const firstColon = action.indexOf(":");
+      const secondColon = action.indexOf(":", firstColon + 1);
+      const url = action.slice(secondColon + 1);
       this.dispatchEvent(
         new CustomEvent("p2p-open-in", {
           bubbles: true,
           composed: true,
-          detail: { url: this.currentUrl },
+          detail: { url },
         }),
       );
       return;