adding copy button

Author: kennethkutyn

index.html

@@ -82,6 +82,12 @@
 
         <main class="canvas-container">
             <div class="floating-actions">
+                <button class="export-btn-floating" id="copy-link-btn" aria-label="Copy link" title="Copy diagram link">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <rect x="9" y="9" width="13" height="13" rx="2"></rect>
+                        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+                    </svg>
+                </button>
                 <button class="export-btn-floating refresh-btn" id="refresh-btn" aria-label="Refresh diagram" title="Refresh diagram">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                         <path d="M23 4v6h-6"></path>

js/nodes.js

@@ -639,6 +639,7 @@ export async function initializeApp() {
     initModelPicker();
     initLayerDragTargets();
     initExportButton();
+    initCopyLinkButton();
     initRefreshButton();
     const restored = await restoreDiagramStateFromStorage();
     if (!restored) {
@@ -735,6 +736,20 @@ function initRefreshButton() {
     });
 }
 
+function initCopyLinkButton() {
+    const copyBtn = document.getElementById('copy-link-btn');
+    if (!copyBtn) return;
+    copyBtn.addEventListener('click', async () => {
+        try {
+            await persistDiagramState();
+            const url = new URL(window.location.href);
+            await navigator.clipboard.writeText(url.toString());
+        } catch (error) {
+            console.error('Failed to copy link', error);
+        }
+    });
+}
+
 function clearCustomItemIndex() {
     Object.keys(itemCategoryIndex).forEach(id => {
         if (id.startsWith('custom-')) {