Add native share support with clipboard fallback

components/editor/comic-canvas.tsx

@@ -179,6 +179,33 @@ export function ComicCanvas({
                className="hover:bg-secondary text-muted-foreground hover:text-white gap-2 text-xs h-9 px-3 flex-1"
                onClick={async () => {
                  const url = window.location.href;
+                 if (navigator.share) {
+                   try {
+                     await navigator.share({
+                       title: page.title || "Comic Page",
+                       url: url,
+                     });
+                   } catch (err) {
+                     // User cancelled or error, fallback to clipboard
+                     try {
+                       await navigator.clipboard.writeText(url);
+                       toast({
+                         title: "Link copied!",
+                         description: "Story URL has been copied to your clipboard.",
+                         duration: 2000,
+                       });
+                     } catch (clipboardErr) {
+                       console.error("Failed to share or copy URL:", clipboardErr);
+                       toast({
+                         title: "Failed to share",
+                         description: "Could not share or copy the URL.",
+                         variant: "destructive",
+                         duration: 3000,
+                       });
+                     }
+                   }
+                 } else {
+                   // Fallback to clipboard for non-mobile browsers
                    try {
                      await navigator.clipboard.writeText(url);
                      toast({
@@ -195,6 +222,7 @@ export function ComicCanvas({
                        duration: 3000,
                      });
                    }
+                 }
                }}
              >
               <Share className="w-4 h-4" />