Fix file menu action clicks and star icon rendering

js/ui/uiRenderer.js

@@ -171,7 +171,7 @@ export class UIRenderer {
           <div class="quick-actions">
             <button class="quick-btn" data-action="preview" title="Preview"><i class="ph-fill ph-eye"></i></button>
             <button class="quick-btn" data-action="download" title="Download"><i class="ph-fill ph-download-simple"></i></button>
-            <button class="quick-btn" data-action="star" title="${starred ? 'Unstar' : 'Star'}"><i class="ph-fill ph-star${starred ? '' : '-bold'}"></i></button>
+            <button class="quick-btn" data-action="star" title="${starred ? 'Unstar' : 'Star'}"><i class="ph-bold ph-star"></i></button>
             <button class="quick-btn" data-action="rename" title="Rename"><i class="ph-fill ph-pencil-simple"></i></button>
             <button class="quick-btn" data-action="history" title="History"><i class="ph-fill ph-clock-counter-clockwise"></i></button>
           </div>`;
@@ -183,7 +183,7 @@ export class UIRenderer {
             <span class="list-meta">${size} • ${ext}</span>
           </div>
           <div class="list-actions">
-            <button class="icon-btn" data-action="star" title="${starred ? 'Unstar' : 'Star'}"><i class="ph-fill ph-star${starred ? '' : '-bold'}"></i></button>
+            <button class="icon-btn" data-action="star" title="${starred ? 'Unstar' : 'Star'}"><i class="ph-bold ph-star"></i></button>
             <button class="icon-btn" data-action="rename" title="Rename"><i class="ph-fill ph-pencil-simple"></i></button>
             <button class="icon-btn" data-action="history" title="History"><i class="ph-fill ph-clock-counter-clockwise"></i></button>
             <button class="icon-btn" data-action="download" title="Download"><i class="ph-fill ph-download-simple"></i></button>
@@ -196,18 +196,21 @@ export class UIRenderer {
         actions.onPreview(file);
       };
 
-      card.addEventListener('click', (e) => {
-        const btn = e.target.closest('[data-action]');
-        if (!btn) return;
-        e.stopPropagation();
-        card.querySelectorAll('.dropdown-menu.open').forEach(m => m.classList.remove('open'));
-        const action = btn.dataset.action;
+      const runAction = (action) => {
         if (action === 'preview') actions.onPreview(file);
         else if (action === 'download') actions.onDownload(url, file.name);
         else if (action === 'rename') actions.onRename(file.path, file.name);
         else if (action === 'star') actions.onStar(file.path);
         else if (action === 'delete') actions.onDelete(file.path, file.name);
         else if (action === 'history') actions.onHistory(file.path, file.name);
+      };
+
+      card.addEventListener('click', (e) => {
+        const btn = e.target.closest('[data-action]');
+        if (!btn) return;
+        e.stopPropagation();
+        card.querySelectorAll('.dropdown-menu.open').forEach(m => m.classList.remove('open'));
+        runAction(btn.dataset.action);
       });
 
       const menuBtn = card.querySelector('.card-menu-btn');
@@ -223,6 +226,14 @@ export class UIRenderer {
         };
 
         menu.onclick = (e) => e.stopPropagation();
+        menu.querySelectorAll('[data-action]').forEach((btn) => {
+          btn.onclick = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            menu.classList.remove('open');
+            runAction(btn.dataset.action);
+          };
+        });
       }
 
       this.containers.files.appendChild(card);