claude-code-marketplace 0.4.1 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-marketplace",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Web UI for browsing and managing Claude Code marketplace plugins",
   "main": "server.js",
   "bin": {

package/public/app.js

@@ -120,8 +120,18 @@ document.addEventListener('DOMContentLoaded', () => {
     document.body.classList.add('light');
   }
   syncHljsTheme();
+  updateThemeColor(savedTheme !== 'dark');
 
   document.addEventListener('keydown', handleKeydown);
+
+  document.getElementById('treeContainer').addEventListener('click', (e) => {
+    const row = e.target.closest('.tree-row');
+    if (!row?.dataset.rowId) return;
+    const rowId = row.dataset.rowId;
+    const rows = getVisibleRows();
+    const idx = rows.findIndex((r) => r.dataset.rowId === rowId);
+    if (idx >= 0) setFocusedRow(idx, rows);
+  });
 });
 
 function syncHljsTheme() {
@@ -132,6 +142,12 @@ function syncHljsTheme() {
   if (lightSheet) lightSheet.disabled = !light;
 }
 
+function updateThemeColor(isLight) {
+  document.querySelectorAll('meta[name="theme-color"]').forEach((m) => {
+    m.setAttribute('content', isLight ? '#e8e6e3' : '#101114');
+  });
+}
+
 function toggleTheme() {
   const isLight = document.body.classList.contains('light');
   document.body.classList.remove('light', 'dark-forced');
@@ -143,6 +159,7 @@ function toggleTheme() {
     localStorage.setItem('theme', 'light');
   }
   syncHljsTheme();
+  updateThemeColor(!isLight);
 }
 
 async function loadProject() {
@@ -1149,7 +1166,8 @@ function handleKeydown(e) {
     }
     return;
   }
-  if ((tag === 'BUTTON' || tag === 'A') && (e.key === 'Enter' || e.key === ' ')) return;
+  if ((tag === 'BUTTON' || tag === 'A') && (e.key === 'Enter' || e.key === ' ') && !e.target.closest('#treeContainer'))
+    return;
 
   const openModal = document.querySelector('.modal-overlay.open');
   if (openModal) {

package/public/style.css

@@ -42,9 +42,9 @@ body.light {
   --bg-hover: #d2d0cc;
   --border: #a09b94;
   --text-primary: #0a0a0a;
-  --text-secondary: #444444;
-  --text-tertiary: #666666;
-  --text-muted: #888888;
+  --text-secondary: #333333;
+  --text-tertiary: #555555;
+  --text-muted: #777777;
   --accent-text: #b85a20;
   --accent-dim: rgba(232, 111, 51, 0.18);
   --accent-glow: rgba(232, 111, 51, 0.5);