Show full file path in recent preview hover tooltip and fix truncation

- Add right padding to recent-file-item so close button doesn't
  overlap long filenames
- Show full file path in the hover tooltip alongside title, modified
  time, and digest

Author: liuchengxu

crates/markdown_preview_core/js/styles.css

@@ -260,7 +260,7 @@
       }
 
       .recent-file-item {
-        padding: 6px 8px;
+        padding: 6px 24px 6px 8px;
         margin: 4px 0;
         background: #ffffff;
         border: 1px solid #d0d7de;
@@ -431,6 +431,13 @@
         border-radius: 4px;
       }
 
+      .path-tooltip-path {
+        font-size: 11px;
+        color: #57606a;
+        word-break: break-all;
+        margin-top: 4px;
+      }
+
       .path-tooltip-modified {
         margin-top: 6px;
         padding-top: 6px;

crates/markdown_preview_core/js/themes.css

@@ -84,6 +84,9 @@
         color: #7ee787;
         background: linear-gradient(135deg, #238636 0%, #2ea043 100%);
       }
+      body.theme-dark .path-tooltip-path {
+        color: rgba(255, 255, 255, .5);
+      }
       body.theme-dark .path-tooltip-modified {
         color: rgba(255, 255, 255, .4);
         border-top-color: #363839;
@@ -261,6 +264,9 @@
         color: #fff;
         background: linear-gradient(135deg, #f48237 0%, #ff9f43 100%);
       }
+      body.theme-material-dark .path-tooltip-path {
+        color: rgba(255, 255, 255, .5);
+      }
       body.theme-material-dark .path-tooltip-modified {
         color: rgba(255, 255, 255, .4);
         border-top-color: #4f585e;
@@ -435,6 +441,9 @@
         color: #fff;
         background: linear-gradient(135deg, #528bff 0%, #61afef 100%);
       }
+      body.theme-one-dark .path-tooltip-path {
+        color: #7f848e;
+      }
       body.theme-one-dark .path-tooltip-modified {
         color: #5c6370;
         border-top-color: #3a3f4b;
@@ -774,6 +783,9 @@
         color: #7ee787;
         background: linear-gradient(135deg, #238636 0%, #2ea043 100%);
       }
+      body.theme-github-dark .path-tooltip-path {
+        color: #8b949e;
+      }
       body.theme-github-dark .path-tooltip-modified {
         color: #6e7781;
         border-top-color: #30363d;

crates/markdown_preview_core/js/tooltips.js

@@ -57,13 +57,14 @@ function showPathTooltip(element, fullPath, previewInfo = {}) {
 
     const { title, digest, modified_at } = previewInfo;
 
-    // Build tooltip content with optional title
+    // Build tooltip content
     let html = '';
     if (title) {
         // Render backtick-wrapped text as inline code
         const rendered = renderInlineCode(title);
         html += `<div class="path-tooltip-title">${rendered}</div>`;
     }
+    html += `<div class="path-tooltip-path">${escapeHtml(fullPath)}</div>`;
 
     // Add modification time if available
     if (modified_at) {