fix(studio): compare a remote url as serialized, decode only local paths

A remote pathname with an encoded reserved character (%3F) matched the same
path with a literal ?, though they can return different media. Remote urls
keep origin, path and query exactly; local srcs are still decoded and
stripped of query and hash.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

Author: vanceingalls

packages/studio/src/player/components/audioClipLink.test.ts

@@ -52,6 +52,9 @@ describe("mediaAssetIdentity", () => {
     expect(mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?clip=a%26x=b" })).not.toBe(
       mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?clip=a&x=b" }),
     );
+    expect(mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4%3Fclip=a" })).not.toBe(
+      mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?clip=a" }),
+    );
     expect(mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?id=1#t=3" })).toBe(
       mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?id=1" }),
     );

packages/studio/src/player/components/audioClipLink.ts

@@ -15,8 +15,8 @@ export function mediaAssetIdentity(
   if (!src) return null;
   try {
     const url = new URL(src, new URL(element.sourceFile ?? "index.html", SOURCE_BASE));
-    const query = url.origin === SOURCE_ORIGIN ? "" : url.search;
-    return `${url.origin}${decodeURIComponent(url.pathname)}${query}`;
+    if (url.origin !== SOURCE_ORIGIN) return `${url.origin}${url.pathname}${url.search}`;
+    return decodeURIComponent(`${url.origin}${url.pathname}`);
   } catch {
     return null;
   }