feat: streamline arbitrary audio sources

tests/integration/README.md

@@ -18,8 +18,8 @@ Unit과 integration test가 같은 페이지에서 실행됩니다. WebGPU 장
 - `webgpu.test.js`: 실제 adapter가 있으면 CPU/GPU map 오차, peak와 강제 bin/point batching;
   adapter가 없으면 Auto CPU fallback
 - `server.test.js`: 숨김 저장소 경로 차단, GET/HEAD 제한과 보안 response headers
-- `builder-ui.test.js`: 이미지·오디오 연결, canvas 편집, Preview WAV/Scene 다운로드, SHA 재연결과
-  잘못된 import 보존
+- `builder-ui.test.js`: 파일 선택 한 번으로 오디오 음원 생성, 이미지·오디오 연결, canvas 편집,
+  Preview WAV/Scene 다운로드, SHA 재연결과 잘못된 import 보존
 - `camera-ui.test.js`: Dedicated Worker CPU/WebGPU 실행, 취소, Result schema, rectangular/Fermat 비교
 - `workflow-ui.test.js`: Dataset Builder의 Scene JSON과 원본 assets를 Acoustic Camera에 넘겨
   Result JSON을 저장하는 end-to-end 흐름

tests/integration/builder-ui.test.js

@@ -73,20 +73,21 @@ test("Dataset Builder 전체 저장·재연결 흐름이 동일한 scene과 prev
     const staleSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="320" height="240"><rect width="320" height="240" fill="#ff0000"/></svg>';
     const staleImageFile = new windowObject.File([staleSvg], "stale.svg", { type: "image/svg+xml" });
 
-    dispatchFiles(windowObject, documentObject.querySelector("#audio-input"), [audioFile]);
+    dispatchFiles(windowObject, documentObject.querySelector("#audio-source-input"), [audioFile]);
     await waitFor(
       () => [...documentObject.querySelectorAll(".asset-chip__state")].some((item) => item.textContent === "연결됨"),
-      "오디오 hash/decode",
+      "오디오 파일 음원 생성",
     );
+    await waitFor(() => documentObject.querySelectorAll(".source-card").length === 2, "asset source card");
+    assertEqual(documentObject.querySelector("#source-type").value, "asset", "import selects asset source");
+    assertEqual(documentObject.querySelector("#source-name").value, "machine", "source name comes from file");
+    assert(documentObject.querySelector("#source-asset").value !== "", "imported asset is selected");
     dispatchFiles(windowObject, documentObject.querySelector("#image-input"), [staleImageFile]);
     dispatchFiles(windowObject, documentObject.querySelector("#image-input"), [imageFile]);
     await waitFor(() => documentObject.querySelectorAll(".asset-chip__state").length === 2, "이미지 decode");
     await waitFor(() => documentObject.documentElement.dataset.assetsReady === "true", "asset 준비");
 
-    documentObject.querySelector("#add-source-button").click();
     assertEqual(documentObject.querySelectorAll(".source-card").length, 2, "source card count");
-    dispatchValue(windowObject, documentObject.querySelector("#source-name"), "asset source");
-    dispatchValue(windowObject, documentObject.querySelector("#source-type"), "asset", "change");
     dispatchChecked(windowObject, documentObject.querySelector("#source-loop"), true);
 
     const canvas = documentObject.querySelector("#scene-canvas");