v6.9

frontend/src/components/AudioAnalysis.tsx

@@ -91,10 +91,10 @@ export function AudioAnalysis({
   const nyquistFreq = result.sample_rate / 2;
 
   return (
-    <Card>
+    <Card className="gap-2">
       <CardHeader>
         {filePath && (
-          <p className="text-sm font-mono truncate">{filePath}</p>
+          <p className="text-sm font-mono break-all">{filePath}</p>
         )}
       </CardHeader>
 

frontend/src/components/FileManagerPage.tsx

@@ -650,17 +650,7 @@ export function FileManagerPage() {
       <Dialog open={showPreview} onOpenChange={setShowPreview}>
         <DialogContent className="max-w-2xl max-h-[80vh] overflow-hidden flex flex-col [&>button]:hidden">
           <DialogHeader>
-            <div className="flex items-center justify-between pr-2">
+            <DialogTitle>Rename Preview</DialogTitle>
-              <DialogTitle>Rename Preview</DialogTitle>
-              <Button
-                variant="ghost"
-                size="icon"
-                className="h-7 w-7 rounded-full hover:bg-muted"
-                onClick={() => setShowPreview(false)}
-              >
-                <X className="h-4 w-4" />
-              </Button>
-            </div>
             <DialogDescription>
               Review the changes before renaming. Files with errors will be skipped.
             </DialogDescription>
@@ -716,17 +706,7 @@ export function FileManagerPage() {
       <Dialog open={showMetadata} onOpenChange={setShowMetadata}>
         <DialogContent className="max-w-md [&>button]:hidden">
           <DialogHeader>
-            <div className="flex items-center justify-between pr-2">
+            <DialogTitle>File Metadata</DialogTitle>
-              <DialogTitle>File Metadata</DialogTitle>
-              <Button
-                variant="ghost"
-                size="icon"
-                className="h-7 w-7 rounded-full hover:bg-muted"
-                onClick={() => setShowMetadata(false)}
-              >
-                <X className="h-4 w-4" />
-              </Button>
-            </div>
             <DialogDescription className="break-all">
               {metadataFile.split(/[/\\]/).pop()}
             </DialogDescription>

frontend/src/components/SearchBar.tsx

@@ -1,7 +1,7 @@
 import { Button } from "@/components/ui/button";
 import { InputWithContext } from "@/components/ui/input-with-context";
 import { Label } from "@/components/ui/label";
-import { Search, Info, XCircle } from "lucide-react";
+import { CloudDownload, Info, XCircle } from "lucide-react";
 import { Spinner } from "@/components/ui/spinner";
 import {
   Tooltip,
@@ -75,7 +75,7 @@ export function SearchBar({
               </>
             ) : (
               <>
-                <Search className="h-4 w-4" />
+                <CloudDownload className="h-4 w-4" />
                 Fetch
               </>
             )}