From eb7006ed8469548719d13a7aae90960a7c4ee400 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 09:38:00 +0000
Subject: [PATCH 1/6] Initial plan


From 65077841db3401cd8ae0b85968a30d21357e677a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 09:43:54 +0000
Subject: [PATCH 2/6] Fix large markdown share URL: replace blocking alert with
 share modal

Co-authored-by: ThisIs-Developer <109382325+ThisIs-Developer@users.noreply.github.com>
---
 index.html |  27 ++++++++++++++
 script.js  |  74 ++++++++++++++++++++++++++++---------
 styles.css | 105 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 188 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index f2d98ee..0881bfb 100644
--- a/index.html
+++ b/index.html
@@ -232,6 +232,33 @@ <h5>Menu</h5>
         </div>
     </div>
 
+    <!-- Share URL Modal -->
+    <div id="share-modal" role="dialog" aria-modal="true" aria-label="Share via URL">
+        <div class="share-modal-content">
+            <div class="share-modal-header">
+                <span><i class="bi bi-share me-2"></i>Share via URL</span>
+                <button class="share-modal-close" id="share-modal-close" title="Close" aria-label="Close share modal">
+                    <i class="bi bi-x-lg"></i>
+                </button>
+            </div>
+            <div id="share-modal-warning" class="share-modal-warning" style="display:none;">
+                <i class="bi bi-exclamation-triangle-fill me-2"></i>
+                <span>This URL is very large and may not work in all browsers or sharing platforms. Consider exporting as a <strong>.md</strong> file instead.</span>
+            </div>
+            <div class="share-modal-body">
+                <textarea id="share-url-display" class="share-url-textarea" readonly aria-label="Share URL"></textarea>
+            </div>
+            <div class="share-modal-footer">
+                <button id="share-modal-copy" class="tool-button">
+                    <i class="bi bi-clipboard"></i> Copy URL
+                </button>
+                <button class="tool-button" id="share-modal-close-btn">
+                    <i class="bi bi-x"></i> Close
+                </button>
+            </div>
+        </div>
+    </div>
+
     <!-- Mermaid Zoom Modal -->
     <div id="mermaid-zoom-modal" role="dialog" aria-modal="true" aria-label="Diagram zoom view">
         <div class="mermaid-modal-content">
diff --git a/script.js b/script.js
index ddf1eb2..1e4f09d 100644
--- a/script.js
+++ b/script.js
@@ -1552,6 +1552,57 @@ This is a fully client-side application. Your content never leaves your browser
     return new TextDecoder().decode(pako.inflate(bytes));
   }
 
+  const shareModal = document.getElementById("share-modal");
+  const shareUrlDisplay = document.getElementById("share-url-display");
+  const shareModalWarning = document.getElementById("share-modal-warning");
+  const shareModalCopy = document.getElementById("share-modal-copy");
+  const shareModalClose = document.getElementById("share-modal-close");
+  const shareModalCloseBtn = document.getElementById("share-modal-close-btn");
+
+  function openShareModal(shareUrl, tooLarge) {
+    shareUrlDisplay.value = shareUrl;
+    shareModalWarning.style.display = tooLarge ? "" : "none";
+    shareModal.classList.add("active");
+    shareUrlDisplay.select();
+    document.addEventListener("keydown", handleShareModalKeydown);
+  }
+
+  function closeShareModal() {
+    shareModal.classList.remove("active");
+    document.removeEventListener("keydown", handleShareModalKeydown);
+  }
+
+  function handleShareModalKeydown(e) {
+    if (e.key === "Escape") closeShareModal();
+  }
+
+  shareModalClose.addEventListener("click", closeShareModal);
+  shareModalCloseBtn.addEventListener("click", closeShareModal);
+  shareModal.addEventListener("click", function (e) {
+    if (e.target === shareModal) closeShareModal();
+  });
+
+  shareModalCopy.addEventListener("click", function () {
+    const originalText = shareModalCopy.innerHTML;
+    if (navigator.clipboard && window.isSecureContext) {
+      navigator.clipboard.writeText(shareUrlDisplay.value).then(() => {
+        shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+        setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
+      }).catch(() => {
+        shareUrlDisplay.select();
+      });
+    } else {
+      shareUrlDisplay.select();
+      try {
+        document.execCommand("copy");
+        shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+      } catch (_) {
+        shareModalCopy.innerHTML = '<i class="bi bi-clipboard"></i> Press Ctrl+C';
+      }
+      setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
+    }
+  });
+
   shareButton.addEventListener("click", function () {
     const markdownText = markdownEditor.value;
     let encoded;
@@ -1564,26 +1615,13 @@ This is a fully client-side application. Your content never leaves your browser
     }
 
     const shareUrl = window.location.origin + window.location.pathname + '#share=' + encoded;
-    if (shareUrl.length > MAX_SHARE_URL_LENGTH) {
-      alert("The document is too large to share via URL. Please reduce content size and try again.");
-      return;
-    }
+    const tooLarge = shareUrl.length > MAX_SHARE_URL_LENGTH;
 
-    window.location.hash = 'share=' + encoded;
-
-    const originalText = shareButton.innerHTML;
-    if (navigator.clipboard && window.isSecureContext) {
-      navigator.clipboard.writeText(shareUrl).then(() => {
-        shareButton.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
-        setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
-      }).catch(() => {
-        shareButton.innerHTML = '<i class="bi bi-link-45deg"></i> Linked!';
-        setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
-      });
-    } else {
-      shareButton.innerHTML = '<i class="bi bi-link-45deg"></i> Linked!';
-      setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
+    if (!tooLarge) {
+      window.location.hash = 'share=' + encoded;
     }
+
+    openShareModal(shareUrl, tooLarge);
   });
 
   function loadFromShareHash() {
diff --git a/styles.css b/styles.css
index 8b784d8..a168e14 100644
--- a/styles.css
+++ b/styles.css
@@ -1004,6 +1004,111 @@ a:focus {
   font-size: 14px;
 }
 
+/* ========================================
+   SHARE URL MODAL
+   ======================================== */
+
+#share-modal {
+  display: none;
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  background-color: rgba(0, 0, 0, 0.75);
+  align-items: center;
+  justify-content: center;
+}
+
+#share-modal.active {
+  display: flex;
+}
+
+.share-modal-content {
+  background-color: var(--bg-color);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  padding: 16px;
+  width: 600px;
+  max-width: 92vw;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.share-modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.share-modal-header span {
+  font-weight: 600;
+  font-size: 15px;
+  color: var(--text-color);
+}
+
+.share-modal-close {
+  background: none;
+  border: none;
+  color: var(--text-color);
+  font-size: 1.2rem;
+  cursor: pointer;
+  padding: 2px 6px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  transition: background-color 0.2s ease;
+}
+
+.share-modal-close:hover {
+  background-color: var(--button-hover);
+}
+
+.share-modal-warning {
+  background-color: #fff3cd;
+  color: #856404;
+  border: 1px solid #ffc107;
+  border-radius: 6px;
+  padding: 10px 12px;
+  font-size: 13px;
+}
+
+[data-theme="dark"] .share-modal-warning {
+  background-color: #332d00;
+  color: #ffc107;
+  border-color: #665900;
+}
+
+.share-modal-body {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.share-url-textarea {
+  width: 100%;
+  height: 80px;
+  resize: none;
+  font-family: monospace;
+  font-size: 12px;
+  padding: 8px;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  background-color: var(--editor-bg);
+  color: var(--text-color);
+  word-break: break-all;
+}
+
+.share-url-textarea:focus {
+  outline: none;
+  border-color: var(--accent-color);
+}
+
+.share-modal-footer {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
 /* ========================================
    MERMAID ZOOM MODAL
    ======================================== */

From 6f09af509e94e790bd109d8a663274f9a3dca173 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 13:26:18 +0000
Subject: [PATCH 3/6] Remove generated URL display from share modal

Co-authored-by: ThisIs-Developer <109382325+ThisIs-Developer@users.noreply.github.com>
---
 index.html |  3 ---
 script.js  | 17 ++++++++++-------
 styles.css | 25 -------------------------
 3 files changed, 10 insertions(+), 35 deletions(-)

diff --git a/index.html b/index.html
index 0881bfb..f82a8d5 100644
--- a/index.html
+++ b/index.html
@@ -245,9 +245,6 @@ <h5>Menu</h5>
                 <i class="bi bi-exclamation-triangle-fill me-2"></i>
                 <span>This URL is very large and may not work in all browsers or sharing platforms. Consider exporting as a <strong>.md</strong> file instead.</span>
             </div>
-            <div class="share-modal-body">
-                <textarea id="share-url-display" class="share-url-textarea" readonly aria-label="Share URL"></textarea>
-            </div>
             <div class="share-modal-footer">
                 <button id="share-modal-copy" class="tool-button">
                     <i class="bi bi-clipboard"></i> Copy URL
diff --git a/script.js b/script.js
index 1e4f09d..48f3e83 100644
--- a/script.js
+++ b/script.js
@@ -1553,17 +1553,16 @@ This is a fully client-side application. Your content never leaves your browser
   }
 
   const shareModal = document.getElementById("share-modal");
-  const shareUrlDisplay = document.getElementById("share-url-display");
   const shareModalWarning = document.getElementById("share-modal-warning");
   const shareModalCopy = document.getElementById("share-modal-copy");
   const shareModalClose = document.getElementById("share-modal-close");
   const shareModalCloseBtn = document.getElementById("share-modal-close-btn");
+  let currentShareUrl = '';
 
   function openShareModal(shareUrl, tooLarge) {
-    shareUrlDisplay.value = shareUrl;
+    currentShareUrl = shareUrl;
     shareModalWarning.style.display = tooLarge ? "" : "none";
     shareModal.classList.add("active");
-    shareUrlDisplay.select();
     document.addEventListener("keydown", handleShareModalKeydown);
   }
 
@@ -1585,19 +1584,23 @@ This is a fully client-side application. Your content never leaves your browser
   shareModalCopy.addEventListener("click", function () {
     const originalText = shareModalCopy.innerHTML;
     if (navigator.clipboard && window.isSecureContext) {
-      navigator.clipboard.writeText(shareUrlDisplay.value).then(() => {
+      navigator.clipboard.writeText(currentShareUrl).then(() => {
         shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
         setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
       }).catch(() => {
-        shareUrlDisplay.select();
+        // clipboard.writeText failed; nothing further to do in secure context
       });
     } else {
-      shareUrlDisplay.select();
       try {
+        const tempInput = document.createElement("textarea");
+        tempInput.value = currentShareUrl;
+        document.body.appendChild(tempInput);
+        tempInput.select();
         document.execCommand("copy");
+        document.body.removeChild(tempInput);
         shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
       } catch (_) {
-        shareModalCopy.innerHTML = '<i class="bi bi-clipboard"></i> Press Ctrl+C';
+        shareModalCopy.innerHTML = '<i class="bi bi-clipboard"></i> Copy failed';
       }
       setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
     }
diff --git a/styles.css b/styles.css
index a168e14..8fc9192 100644
--- a/styles.css
+++ b/styles.css
@@ -1078,31 +1078,6 @@ a:focus {
   border-color: #665900;
 }
 
-.share-modal-body {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.share-url-textarea {
-  width: 100%;
-  height: 80px;
-  resize: none;
-  font-family: monospace;
-  font-size: 12px;
-  padding: 8px;
-  border: 1px solid var(--border-color);
-  border-radius: 6px;
-  background-color: var(--editor-bg);
-  color: var(--text-color);
-  word-break: break-all;
-}
-
-.share-url-textarea:focus {
-  outline: none;
-  border-color: var(--accent-color);
-}
-
 .share-modal-footer {
   display: flex;
   gap: 8px;

From 1215fdabf4c66aa530ca17e9e26993d381c9fad8 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 13:26:33 +0000
Subject: [PATCH 4/6] Remove generated URL display from share modal

Co-authored-by: ThisIs-Developer <109382325+ThisIs-Developer@users.noreply.github.com>
---
 index.html |  5 +----
 script.js  | 43 +++++++++++++++++++++++++------------------
 styles.css | 25 -------------------------
 3 files changed, 26 insertions(+), 47 deletions(-)

diff --git a/index.html b/index.html
index 0881bfb..203d64d 100644
--- a/index.html
+++ b/index.html
@@ -241,13 +241,10 @@ <h5>Menu</h5>
                     <i class="bi bi-x-lg"></i>
                 </button>
             </div>
-            <div id="share-modal-warning" class="share-modal-warning" style="display:none;">
+            <div id="share-modal-warning" class="share-modal-warning">
                 <i class="bi bi-exclamation-triangle-fill me-2"></i>
                 <span>This URL is very large and may not work in all browsers or sharing platforms. Consider exporting as a <strong>.md</strong> file instead.</span>
             </div>
-            <div class="share-modal-body">
-                <textarea id="share-url-display" class="share-url-textarea" readonly aria-label="Share URL"></textarea>
-            </div>
             <div class="share-modal-footer">
                 <button id="share-modal-copy" class="tool-button">
                     <i class="bi bi-clipboard"></i> Copy URL
diff --git a/script.js b/script.js
index 1e4f09d..81eecd2 100644
--- a/script.js
+++ b/script.js
@@ -1553,17 +1553,14 @@ This is a fully client-side application. Your content never leaves your browser
   }
 
   const shareModal = document.getElementById("share-modal");
-  const shareUrlDisplay = document.getElementById("share-url-display");
-  const shareModalWarning = document.getElementById("share-modal-warning");
   const shareModalCopy = document.getElementById("share-modal-copy");
   const shareModalClose = document.getElementById("share-modal-close");
   const shareModalCloseBtn = document.getElementById("share-modal-close-btn");
+  let pendingShareUrl = '';
 
-  function openShareModal(shareUrl, tooLarge) {
-    shareUrlDisplay.value = shareUrl;
-    shareModalWarning.style.display = tooLarge ? "" : "none";
+  function openShareModal(shareUrl) {
+    pendingShareUrl = shareUrl;
     shareModal.classList.add("active");
-    shareUrlDisplay.select();
     document.addEventListener("keydown", handleShareModalKeydown);
   }
 
@@ -1585,20 +1582,15 @@ This is a fully client-side application. Your content never leaves your browser
   shareModalCopy.addEventListener("click", function () {
     const originalText = shareModalCopy.innerHTML;
     if (navigator.clipboard && window.isSecureContext) {
-      navigator.clipboard.writeText(shareUrlDisplay.value).then(() => {
+      navigator.clipboard.writeText(pendingShareUrl).then(() => {
         shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
         setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
       }).catch(() => {
-        shareUrlDisplay.select();
+        shareModalCopy.innerHTML = '<i class="bi bi-x-circle"></i> Copy failed';
+        setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
       });
     } else {
-      shareUrlDisplay.select();
-      try {
-        document.execCommand("copy");
-        shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
-      } catch (_) {
-        shareModalCopy.innerHTML = '<i class="bi bi-clipboard"></i> Press Ctrl+C';
-      }
+      shareModalCopy.innerHTML = '<i class="bi bi-x-circle"></i> Copy failed';
       setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
     }
   });
@@ -1617,11 +1609,26 @@ This is a fully client-side application. Your content never leaves your browser
     const shareUrl = window.location.origin + window.location.pathname + '#share=' + encoded;
     const tooLarge = shareUrl.length > MAX_SHARE_URL_LENGTH;
 
-    if (!tooLarge) {
-      window.location.hash = 'share=' + encoded;
+    if (tooLarge) {
+      openShareModal(shareUrl);
+      return;
     }
 
-    openShareModal(shareUrl, tooLarge);
+    window.location.hash = 'share=' + encoded;
+
+    const originalText = shareButton.innerHTML;
+    if (navigator.clipboard && window.isSecureContext) {
+      navigator.clipboard.writeText(shareUrl).then(() => {
+        shareButton.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+        setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
+      }).catch(() => {
+        shareButton.innerHTML = '<i class="bi bi-link-45deg"></i> Linked!';
+        setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
+      });
+    } else {
+      shareButton.innerHTML = '<i class="bi bi-link-45deg"></i> Linked!';
+      setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
+    }
   });
 
   function loadFromShareHash() {
diff --git a/styles.css b/styles.css
index a168e14..8fc9192 100644
--- a/styles.css
+++ b/styles.css
@@ -1078,31 +1078,6 @@ a:focus {
   border-color: #665900;
 }
 
-.share-modal-body {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.share-url-textarea {
-  width: 100%;
-  height: 80px;
-  resize: none;
-  font-family: monospace;
-  font-size: 12px;
-  padding: 8px;
-  border: 1px solid var(--border-color);
-  border-radius: 6px;
-  background-color: var(--editor-bg);
-  color: var(--text-color);
-  word-break: break-all;
-}
-
-.share-url-textarea:focus {
-  outline: none;
-  border-color: var(--accent-color);
-}
-
 .share-modal-footer {
   display: flex;
   gap: 8px;

From 3e5b0e1bef706af4a289ca88ebde1c7d6e65ab67 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 13:28:10 +0000
Subject: [PATCH 5/6] Remove generated URL display from share modal

Co-authored-by: ThisIs-Developer <109382325+ThisIs-Developer@users.noreply.github.com>
---
 index.html |  2 +-
 script.js  | 46 +++++++++++++++++++++-------------------------
 2 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index 203d64d..f82a8d5 100644
--- a/index.html
+++ b/index.html
@@ -241,7 +241,7 @@ <h5>Menu</h5>
                     <i class="bi bi-x-lg"></i>
                 </button>
             </div>
-            <div id="share-modal-warning" class="share-modal-warning">
+            <div id="share-modal-warning" class="share-modal-warning" style="display:none;">
                 <i class="bi bi-exclamation-triangle-fill me-2"></i>
                 <span>This URL is very large and may not work in all browsers or sharing platforms. Consider exporting as a <strong>.md</strong> file instead.</span>
             </div>
diff --git a/script.js b/script.js
index 81eecd2..48f3e83 100644
--- a/script.js
+++ b/script.js
@@ -1553,13 +1553,15 @@ This is a fully client-side application. Your content never leaves your browser
   }
 
   const shareModal = document.getElementById("share-modal");
+  const shareModalWarning = document.getElementById("share-modal-warning");
   const shareModalCopy = document.getElementById("share-modal-copy");
   const shareModalClose = document.getElementById("share-modal-close");
   const shareModalCloseBtn = document.getElementById("share-modal-close-btn");
-  let pendingShareUrl = '';
+  let currentShareUrl = '';
 
-  function openShareModal(shareUrl) {
-    pendingShareUrl = shareUrl;
+  function openShareModal(shareUrl, tooLarge) {
+    currentShareUrl = shareUrl;
+    shareModalWarning.style.display = tooLarge ? "" : "none";
     shareModal.classList.add("active");
     document.addEventListener("keydown", handleShareModalKeydown);
   }
@@ -1582,15 +1584,24 @@ This is a fully client-side application. Your content never leaves your browser
   shareModalCopy.addEventListener("click", function () {
     const originalText = shareModalCopy.innerHTML;
     if (navigator.clipboard && window.isSecureContext) {
-      navigator.clipboard.writeText(pendingShareUrl).then(() => {
+      navigator.clipboard.writeText(currentShareUrl).then(() => {
         shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
         setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
       }).catch(() => {
-        shareModalCopy.innerHTML = '<i class="bi bi-x-circle"></i> Copy failed';
-        setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
+        // clipboard.writeText failed; nothing further to do in secure context
       });
     } else {
-      shareModalCopy.innerHTML = '<i class="bi bi-x-circle"></i> Copy failed';
+      try {
+        const tempInput = document.createElement("textarea");
+        tempInput.value = currentShareUrl;
+        document.body.appendChild(tempInput);
+        tempInput.select();
+        document.execCommand("copy");
+        document.body.removeChild(tempInput);
+        shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+      } catch (_) {
+        shareModalCopy.innerHTML = '<i class="bi bi-clipboard"></i> Copy failed';
+      }
       setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
     }
   });
@@ -1609,26 +1620,11 @@ This is a fully client-side application. Your content never leaves your browser
     const shareUrl = window.location.origin + window.location.pathname + '#share=' + encoded;
     const tooLarge = shareUrl.length > MAX_SHARE_URL_LENGTH;
 
-    if (tooLarge) {
-      openShareModal(shareUrl);
-      return;
+    if (!tooLarge) {
+      window.location.hash = 'share=' + encoded;
     }
 
-    window.location.hash = 'share=' + encoded;
-
-    const originalText = shareButton.innerHTML;
-    if (navigator.clipboard && window.isSecureContext) {
-      navigator.clipboard.writeText(shareUrl).then(() => {
-        shareButton.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
-        setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
-      }).catch(() => {
-        shareButton.innerHTML = '<i class="bi bi-link-45deg"></i> Linked!';
-        setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
-      });
-    } else {
-      shareButton.innerHTML = '<i class="bi bi-link-45deg"></i> Linked!';
-      setTimeout(() => { shareButton.innerHTML = originalText; }, 2000);
-    }
+    openShareModal(shareUrl, tooLarge);
   });
 
   function loadFromShareHash() {

From e5fb3aeec59eca9cab897ea34dbd4c2eb555bc03 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 13:33:40 +0000
Subject: [PATCH 6/6] Remove Share via URL modal; copy URL directly on share
 button click

Co-authored-by: ThisIs-Developer <109382325+ThisIs-Developer@users.noreply.github.com>
---
 index.html | 24 ---------------
 script.js  | 85 ++++++++++++++++++------------------------------------
 styles.css | 80 --------------------------------------------------
 3 files changed, 28 insertions(+), 161 deletions(-)

diff --git a/index.html b/index.html
index f82a8d5..f2d98ee 100644
--- a/index.html
+++ b/index.html
@@ -232,30 +232,6 @@ <h5>Menu</h5>
         </div>
     </div>
 
-    <!-- Share URL Modal -->
-    <div id="share-modal" role="dialog" aria-modal="true" aria-label="Share via URL">
-        <div class="share-modal-content">
-            <div class="share-modal-header">
-                <span><i class="bi bi-share me-2"></i>Share via URL</span>
-                <button class="share-modal-close" id="share-modal-close" title="Close" aria-label="Close share modal">
-                    <i class="bi bi-x-lg"></i>
-                </button>
-            </div>
-            <div id="share-modal-warning" class="share-modal-warning" style="display:none;">
-                <i class="bi bi-exclamation-triangle-fill me-2"></i>
-                <span>This URL is very large and may not work in all browsers or sharing platforms. Consider exporting as a <strong>.md</strong> file instead.</span>
-            </div>
-            <div class="share-modal-footer">
-                <button id="share-modal-copy" class="tool-button">
-                    <i class="bi bi-clipboard"></i> Copy URL
-                </button>
-                <button class="tool-button" id="share-modal-close-btn">
-                    <i class="bi bi-x"></i> Close
-                </button>
-            </div>
-        </div>
-    </div>
-
     <!-- Mermaid Zoom Modal -->
     <div id="mermaid-zoom-modal" role="dialog" aria-modal="true" aria-label="Diagram zoom view">
         <div class="mermaid-modal-content">
diff --git a/script.js b/script.js
index 48f3e83..562d8bc 100644
--- a/script.js
+++ b/script.js
@@ -694,7 +694,6 @@ This is a fully client-side application. Your content never leaves your browser
   mobileExportHtml.addEventListener("click", () => exportHtml.click());
   mobileExportPdf.addEventListener("click", () => exportPdf.click());
   mobileCopyMarkdown.addEventListener("click", () => copyMarkdownButton.click());
-  mobileShareButton.addEventListener("click", () => shareButton.click());
   mobileThemeToggle.addEventListener("click", () => {
     themeToggle.click();
     mobileThemeToggle.innerHTML = themeToggle.innerHTML + " Toggle Dark Mode";
@@ -1552,80 +1551,52 @@ This is a fully client-side application. Your content never leaves your browser
     return new TextDecoder().decode(pako.inflate(bytes));
   }
 
-  const shareModal = document.getElementById("share-modal");
-  const shareModalWarning = document.getElementById("share-modal-warning");
-  const shareModalCopy = document.getElementById("share-modal-copy");
-  const shareModalClose = document.getElementById("share-modal-close");
-  const shareModalCloseBtn = document.getElementById("share-modal-close-btn");
-  let currentShareUrl = '';
-
-  function openShareModal(shareUrl, tooLarge) {
-    currentShareUrl = shareUrl;
-    shareModalWarning.style.display = tooLarge ? "" : "none";
-    shareModal.classList.add("active");
-    document.addEventListener("keydown", handleShareModalKeydown);
-  }
+  function copyShareUrl(btn) {
+    const markdownText = markdownEditor.value;
+    let encoded;
+    try {
+      encoded = encodeMarkdownForShare(markdownText);
+    } catch (e) {
+      console.error("Share encoding failed:", e);
+      alert("Failed to encode content for sharing: " + e.message);
+      return;
+    }
 
-  function closeShareModal() {
-    shareModal.classList.remove("active");
-    document.removeEventListener("keydown", handleShareModalKeydown);
-  }
+    const shareUrl = window.location.origin + window.location.pathname + '#share=' + encoded;
+    const tooLarge = shareUrl.length > MAX_SHARE_URL_LENGTH;
 
-  function handleShareModalKeydown(e) {
-    if (e.key === "Escape") closeShareModal();
-  }
+    const originalHTML = btn.innerHTML;
+    const copiedHTML = '<i class="bi bi-check-lg"></i> Copied!';
 
-  shareModalClose.addEventListener("click", closeShareModal);
-  shareModalCloseBtn.addEventListener("click", closeShareModal);
-  shareModal.addEventListener("click", function (e) {
-    if (e.target === shareModal) closeShareModal();
-  });
+    function onCopied() {
+      if (!tooLarge) {
+        window.location.hash = 'share=' + encoded;
+      }
+      btn.innerHTML = copiedHTML;
+      setTimeout(() => { btn.innerHTML = originalHTML; }, 2000);
+    }
 
-  shareModalCopy.addEventListener("click", function () {
-    const originalText = shareModalCopy.innerHTML;
     if (navigator.clipboard && window.isSecureContext) {
-      navigator.clipboard.writeText(currentShareUrl).then(() => {
-        shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
-        setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
-      }).catch(() => {
+      navigator.clipboard.writeText(shareUrl).then(onCopied).catch(() => {
         // clipboard.writeText failed; nothing further to do in secure context
       });
     } else {
       try {
         const tempInput = document.createElement("textarea");
-        tempInput.value = currentShareUrl;
+        tempInput.value = shareUrl;
         document.body.appendChild(tempInput);
         tempInput.select();
         document.execCommand("copy");
         document.body.removeChild(tempInput);
-        shareModalCopy.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+        onCopied();
       } catch (_) {
-        shareModalCopy.innerHTML = '<i class="bi bi-clipboard"></i> Copy failed';
+        // copy failed silently
       }
-      setTimeout(() => { shareModalCopy.innerHTML = originalText; }, 2000);
-    }
-  });
-
-  shareButton.addEventListener("click", function () {
-    const markdownText = markdownEditor.value;
-    let encoded;
-    try {
-      encoded = encodeMarkdownForShare(markdownText);
-    } catch (e) {
-      console.error("Share encoding failed:", e);
-      alert("Failed to encode content for sharing: " + e.message);
-      return;
-    }
-
-    const shareUrl = window.location.origin + window.location.pathname + '#share=' + encoded;
-    const tooLarge = shareUrl.length > MAX_SHARE_URL_LENGTH;
-
-    if (!tooLarge) {
-      window.location.hash = 'share=' + encoded;
     }
+  }
 
-    openShareModal(shareUrl, tooLarge);
-  });
+  shareButton.addEventListener("click", function () { copyShareUrl(shareButton); });
+  mobileShareButton.addEventListener("click", function () { copyShareUrl(mobileShareButton); });
 
   function loadFromShareHash() {
     if (typeof pako === 'undefined') return;
diff --git a/styles.css b/styles.css
index 8fc9192..8b784d8 100644
--- a/styles.css
+++ b/styles.css
@@ -1004,86 +1004,6 @@ a:focus {
   font-size: 14px;
 }
 
-/* ========================================
-   SHARE URL MODAL
-   ======================================== */
-
-#share-modal {
-  display: none;
-  position: fixed;
-  inset: 0;
-  z-index: 2000;
-  background-color: rgba(0, 0, 0, 0.75);
-  align-items: center;
-  justify-content: center;
-}
-
-#share-modal.active {
-  display: flex;
-}
-
-.share-modal-content {
-  background-color: var(--bg-color);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  padding: 16px;
-  width: 600px;
-  max-width: 92vw;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.share-modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.share-modal-header span {
-  font-weight: 600;
-  font-size: 15px;
-  color: var(--text-color);
-}
-
-.share-modal-close {
-  background: none;
-  border: none;
-  color: var(--text-color);
-  font-size: 1.2rem;
-  cursor: pointer;
-  padding: 2px 6px;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  transition: background-color 0.2s ease;
-}
-
-.share-modal-close:hover {
-  background-color: var(--button-hover);
-}
-
-.share-modal-warning {
-  background-color: #fff3cd;
-  color: #856404;
-  border: 1px solid #ffc107;
-  border-radius: 6px;
-  padding: 10px 12px;
-  font-size: 13px;
-}
-
-[data-theme="dark"] .share-modal-warning {
-  background-color: #332d00;
-  color: #ffc107;
-  border-color: #665900;
-}
-
-.share-modal-footer {
-  display: flex;
-  gap: 8px;
-  justify-content: flex-end;
-}
-
 /* ========================================
    MERMAID ZOOM MODAL
    ======================================== */