Add categories and authors metadata to plugins

Introduces optional 'categories' and 'authors' fields to plugin manifests, updates plugin-manager.js to normalize and expose these fields, and enhances the settings UI to display plugin tags and authors. Also updates documentation and an example plugin manifest to demonstrate the new fields.

renderer/settings.css

@@ -8,6 +8,10 @@
 .plugin-desc { opacity:.8; font-size:.9em; }
 .plugin-actions { display:flex; gap:8px; align-items:center; }
 .plugin-actions .spacer { width:8px; }
+.plugin-tags { display:flex; flex-wrap: wrap; gap:6px; margin-top: 4px; }
+.plugin-tag { display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px; font-size:.75em; opacity:.9; border:1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.06); }
+.plugin-authors { margin-top: 4px; font-size:.85em; opacity:.85; }
+.plugin-authors .muted { opacity:.7; margin-right: 6px; }
 :root {
   --bg: #121418;
   --dark-blue: #0B1C2B;

renderer/settings.js

@@ -355,6 +355,10 @@ async function loadPluginsUI() {
     listEl.appendChild(empty);
   } else {
     for (const p of items) {
+    const categories = Array.isArray(p.categories) ? p.categories.filter(x => x && typeof x === 'string') : [];
+    const authors = Array.isArray(p.authors) ? p.authors.filter(x => x && typeof x === 'string') : [];
+    const tagsHtml = categories.length ? `<div class="plugin-tags">${categories.map(c => `<span class=\"plugin-tag\">${escapeHtml(c)}</span>`).join('')}</div>` : '';
+    const authorsHtml = authors.length ? `<div class=\"plugin-authors\"><span class=\"muted\">Authors:</span> ${authors.map(a => `<span class=\"plugin-author\">${escapeHtml(a)}</span>`).join(', ')}</div>` : '';
       const row = document.createElement('div');
       row.className = 'plugin-item';
       row.setAttribute('role', 'listitem');
@@ -362,6 +366,8 @@ async function loadPluginsUI() {
         <div class="plugin-meta">
           <div class="plugin-title">${escapeHtml(p.name)} <span style="opacity:.7;font-weight:400">v${escapeHtml(p.version)}</span></div>
           <div class="plugin-desc">${escapeHtml(p.description || '')}</div>
+      ${tagsHtml}
+      ${authorsHtml}
           <div class="plugin-desc" style="opacity:.6; font-size:.85em;">${escapeHtml(p.dir)}</div>
         </div>
         <div class="plugin-actions">