fix: redesign session log player controls, fix tooltip overlap and drop dot separators

plugins/file-manager/src/frontend/FileManagerSidebar.tsx

@@ -144,11 +144,13 @@ function StorageMeter({
                   <span className="min-w-0 flex-1 truncate font-medium">
                     {fs.mount}
                   </span>
-                  <span className="ml-auto shrink-0 whitespace-nowrap text-[10px] tabular-nums text-muted-foreground">
-                    {fs.usedHuman && fs.totalHuman
-                      ? `${fs.usedHuman}/${fs.totalHuman}`
-                      : "N/A"}
-                    {fs.percent != null ? ` · ${fs.percent}%` : ""}
+                  <span className="ml-auto flex shrink-0 gap-2 whitespace-nowrap text-[10px] tabular-nums text-muted-foreground">
+                    <span>
+                      {fs.usedHuman && fs.totalHuman
+                        ? `${fs.usedHuman}/${fs.totalHuman}`
+                        : "N/A"}
+                    </span>
+                    {fs.percent != null && <span>{fs.percent}%</span>}
                   </span>
                 </DropdownMenuItem>
               ))}

plugins/file-manager/src/frontend/components/AudioPreview.tsx

@@ -77,8 +77,9 @@ export function AudioPreview({
             <h3 className="font-semibold text-foreground text-lg mb-1">
               {file.name.replace(/\.[^/.]+$/, "")}
             </h3>
-            <p className="text-sm text-muted-foreground">
-              {ext.toUpperCase()} • {formatFileSize(file.size, t)}
+            <p className="flex justify-center gap-3 text-sm text-muted-foreground">
+              <span>{ext.toUpperCase()}</span>
+              <span>{formatFileSize(file.size, t)}</span>
             </p>
           </div>
 

plugins/file-manager/src/frontend/components/CompressDialog.tsx

@@ -132,7 +132,7 @@ export function CompressDialog({
                   key={index}
                   className="truncate text-foreground font-medium"
                 >
-                  • {name}
+                  {name}
                 </li>
               ))}
               {fileNames.length > 5 && (

plugins/file-manager/src/frontend/components/LocalTransferProgressToast.tsx

@@ -58,11 +58,10 @@ export function LocalTransferProgressToast({
               title={status.currentFileName}
             >
               {(status.activeFiles ?? 0) > 1 && (
-                <span className="mr-1 text-foreground/70">
+                <span className="mr-2.5 text-foreground/70">
                   {t("fileManager.localTransferInFlight", {
                     count: status.activeFiles,
                   })}
-                  {" · "}
                 </span>
               )}
               {status.currentFileName}

plugins/file-manager/src/frontend/transferMetricsFormat.ts

@@ -87,6 +87,6 @@ export function createFormatTransferMetrics(t: TFunction) {
         }),
       );
     }
-    return parts.join(" · ");
+    return parts.join(", ");
   };
 }