fix(studio): a remote media url keeps its query when matching an asset

Two different videos at one remote path with different queries were treated as
the same file, so Merge could delete the audio and use the wrong video's
sound. Project-local srcs still drop query and hash.

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

Author: vanceingalls

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

@@ -44,6 +44,15 @@ describe("mediaAssetIdentity", () => {
     );
     expect(mediaAssetIdentity({ src: "" })).toBeNull();
   });
+
+  it("keeps a remote url's query, since it can select a different file", () => {
+    expect(mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?id=1" })).not.toBe(
+      mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?id=2" }),
+    );
+    expect(mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?id=1#t=3" })).toBe(
+      mediaAssetIdentity({ src: "https://cdn.example.com/v.mp4?id=1" }),
+    );
+  });
 });
 
 describe("expandToLinkedMembers", () => {

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

@@ -6,6 +6,7 @@ type LinkedElement = Pick<TimelineElement, "id" | "key" | "link"> & LinkScoped;
 const keyOf = (element: Pick<TimelineElement, "id" | "key">) => element.key ?? element.id;
 
 const SOURCE_BASE = "https://project.invalid/";
+const SOURCE_ORIGIN = new URL(SOURCE_BASE).origin;
 
 export function mediaAssetIdentity(
   element: Pick<TimelineElement, "src" | "sourceFile">,
@@ -14,7 +15,8 @@ export function mediaAssetIdentity(
   if (!src) return null;
   try {
     const url = new URL(src, new URL(element.sourceFile ?? "index.html", SOURCE_BASE));
-    return decodeURIComponent(`${url.origin}${url.pathname}`);
+    const query = url.origin === SOURCE_ORIGIN ? "" : url.search;
+    return decodeURIComponent(`${url.origin}${url.pathname}${query}`);
   } catch {
     return null;
   }