From c9e49b4b956467ecfb5d55247ba8942f92fb85e7 Mon Sep 17 00:00:00 2001
From: afkarxyz <mzamzamafkarhadiq@gmail.com>
Date: Sat, 20 Dec 2025 10:36:39 +0700
Subject: [PATCH] v6.9

---
 frontend/src/components/AudioAnalysis.tsx   |  4 ++--
 frontend/src/components/FileManagerPage.tsx | 24 ++-------------------
 frontend/src/components/SearchBar.tsx       |  4 ++--
 3 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/AudioAnalysis.tsx b/frontend/src/components/AudioAnalysis.tsx
index 589bd35..098eaac 100644
--- a/frontend/src/components/AudioAnalysis.tsx
+++ b/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>
 
diff --git a/frontend/src/components/FileManagerPage.tsx b/frontend/src/components/FileManagerPage.tsx
index 7a5ac2d..1b63db6 100644
--- a/frontend/src/components/FileManagerPage.tsx
+++ b/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>
-              <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>
+            <DialogTitle>Rename Preview</DialogTitle>
             <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>
-              <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>
+            <DialogTitle>File Metadata</DialogTitle>
             <DialogDescription className="break-all">
               {metadataFile.split(/[/\\]/).pop()}
             </DialogDescription>
diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx
index fe107e8..afae4e3 100644
--- a/frontend/src/components/SearchBar.tsx
+++ b/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
               </>
             )}