feat(tools): add support for audio output

src/lib/components/chat/UploadedFile.svelte

@@ -32,7 +32,8 @@
 	const isImage = (mime: string) =>
 		mime.startsWith("image/") || mime === "webp" || mime === "jpeg" || mime === "png";
 
-	const isAudio = (mime: string) => mime.startsWith("audio/");
+	const isAudio = (mime: string) =>
+		mime.startsWith("audio/") || mime === "mp3" || mime === "wav" || mime === "x-wav";
 	const isVideo = (mime: string) => mime.startsWith("video/");
 
 	$: isClickable = isImage(file.mime) && !isPreview;
@@ -102,7 +103,7 @@
 					<dd class="text-sm">
 						{truncateMiddle(file.name, 28)}
 					</dd>
-					<dt class="text-xs text-gray-400">{file.mime.split("/")[1].toUpperCase()}</dt>
+					<dt class="text-xs text-gray-400">{file.mime}</dt>
 				</dl>
 			</div>
 		{/if}

src/lib/server/tools/outputs.ts

@@ -27,6 +27,10 @@ export const ToolOutputPaths: Record<
 		type: "file",
 		path: "$[*].image.url",
 	},
+	audio: {
+		type: "file",
+		path: "$.url",
+	},
 };
 
 export const isValidOutputComponent = (

src/lib/types/Tool.ts

@@ -37,6 +37,7 @@ export const ToolOutputComponents = z
 			z.literal("image"),
 			z.literal("gallery"),
 			z.literal("number"),
+			z.literal("audio"),
 		])
 	);