From 7cbf582fa1011545f411cb421e54a2f5ed724df2 Mon Sep 17 00:00:00 2001
From: b1rdmania <102524336+b1rdmania@users.noreply.github.com>
Date: Fri, 26 Dec 2025 21:20:21 +0000
Subject: [PATCH] Enable Copy link after generation and style it.

Refresh generated state after successful playback starts so Copy link becomes clickable, and boost its visual prominence without competing with Play.
---
 index.html  | 14 ++++++++++++++
 src/main.ts |  3 ++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0c3d441..4b8a11c 100644
--- a/index.html
+++ b/index.html
@@ -532,6 +532,20 @@
             color: rgba(255,255,255,0.55);
             display: none;
         }
+
+        /* Generated-state share button: more prominent, still secondary to Play */
+        #copyLinkBtn {
+            padding: 10px 14px;
+            border-radius: 12px;
+            border: 1px solid rgba(0,255,136,0.35);
+            background: rgba(0,0,0,0.18);
+            box-shadow: 0 10px 30px rgba(0,0,0,0.35);
+            font-weight: 700;
+        }
+        #copyLinkBtn:hover:not(:disabled) {
+            border-color: rgba(0,255,136,0.55);
+            box-shadow: var(--glow-primary), 0 12px 34px rgba(0,0,0,0.45);
+        }
         .engine-line {
             margin-top: 14px;
             color: rgba(255,255,255,0.72);
diff --git a/src/main.ts b/src/main.ts
index beaf667..9839fd3 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -512,7 +512,8 @@ class MotifApp {
 
       this.updateStatus('');
       this.hasGenerated = true;
-      // keep generated state
+      // Refresh generated state now that generation succeeded (enables Copy link, etc.)
+      this.setState('generated');
     } catch (error) {
       this.updateStatus(`Motif error: ${error instanceof Error ? error.message : 'Unknown error'}`);
       this.motifBtn.disabled = false;