From 6832b01b23e34e7499a458799ba7c1f74585b40e Mon Sep 17 00:00:00 2001
From: mirivlad <mirvtop@yandex.ru>
Date: Tue, 16 Jun 2026 17:52:50 +0800
Subject: [PATCH] fix: show core capabilities in registry, add degraded text +
 contribution counts

---
 .../src/lib/plugin-manager/PluginCard.svelte  | 46 ++++++++++++++++++-
 .../lib/plugin-manager/PluginManager.svelte   | 34 +++++++++++---
 2 files changed, 72 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/plugin-manager/PluginCard.svelte b/frontend/src/lib/plugin-manager/PluginCard.svelte
index 20854ea..5c2addc 100644
--- a/frontend/src/lib/plugin-manager/PluginCard.svelte
+++ b/frontend/src/lib/plugin-manager/PluginCard.svelte
@@ -2,6 +2,7 @@
   export let p = {};
   export let capabilities = [];
   export let permissions = [];
+  export let contributions = {};
 
   $: m = p.manifest || {};
 
@@ -16,6 +17,24 @@
     discovered: '#a0a0b8',
   }[p.status] || '#a0a0b8');
 
+  $: pluginId = m.id || 'unknown';
+
+  $: contribCounts = {
+    views: (contributions.views || []).filter(v => v.pluginId === pluginId).length,
+    commands: (contributions.commands || []).filter(c => c.pluginId === pluginId).length,
+    sidebar: (contributions.sidebarItems || []).filter(s => s.pluginId === pluginId).length,
+    statusbar: (contributions.statusBarItems || []).filter(s => s.pluginId === pluginId).length,
+  };
+
+  $: contribSummary = (() => {
+    const parts = [];
+    if (contribCounts.views > 0) parts.push(contribCounts.views + ' view' + (contribCounts.views !== 1 ? 's' : ''));
+    if (contribCounts.commands > 0) parts.push(contribCounts.commands + ' command' + (contribCounts.commands !== 1 ? 's' : ''));
+    if (contribCounts.sidebar > 0) parts.push(contribCounts.sidebar + ' sidebar' + (contribCounts.sidebar !== 1 ? 's' : ''));
+    if (contribCounts.statusbar > 0) parts.push(contribCounts.statusbar + ' statusbar' + (contribCounts.statusbar !== 1 ? 's' : ''));
+    return parts.length > 0 ? parts.join(', ') : 'none';
+  })();
+
   $: dangerousPermissions = (m.permissions || []).filter(name => {
     let perm = permissions.find(p => p.name === name);
     return perm && perm.dangerous;
@@ -44,6 +63,10 @@
     <span class="status-badge" style="color: {statusColor}">{p.status}</span>
   </div>
 
+  {#if p.status === 'degraded'}
+    <p class="degraded-text">Plugin is usable, but some optional capabilities are unavailable.</p>
+  {/if}
+
   {#if m.description}
     <p class="description">{m.description}</p>
   {/if}
@@ -65,6 +88,10 @@
       <span class="label">Root:</span>
       <span class="path">{p.rootPath || '-'}</span>
     </div>
+    <div class="meta-row">
+      <span class="label">Contributions:</span>
+      <span>{contribSummary}</span>
+    </div>
   </div>
 
   <!-- Capabilities -->
@@ -103,10 +130,13 @@
           {@const found = capabilities.some(c => c.name === opt)}
           <span class="tag" class:optional-ok={found} class:optional-missing={!found}>
             {opt}
-            {#if found}<span class="check">✓</span>{:else}<span class="x">✗</span>{/if}
+            {#if found}<span class="check">✓</span>{/if}
           </span>
         {/each}
       </div>
+      {#if missingOptional.length > 0}
+        <p class="info">ℹ Optional capabilities not available — plugin running in degraded mode</p>
+      {/if}
     </div>
   {/if}
 
@@ -186,6 +216,13 @@
     margin-bottom: 0.75rem;
   }
 
+  .degraded-text {
+    color: #ffc857;
+    font-size: 0.8rem;
+    margin-bottom: 0.5rem;
+    font-style: italic;
+  }
+
   .card-meta {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -266,9 +303,14 @@
   }
 
   .check { color: #4ecca3; margin-left: 2px; }
-  .x { color: #e94560; margin-left: 2px; }
   .danger-icon { color: #e94560; margin-left: 2px; }
 
+  .info {
+    color: #ffc857;
+    font-size: 0.8rem;
+    margin-top: 0.3rem;
+  }
+
   .warning {
     color: #ffc857;
     font-size: 0.8rem;
diff --git a/frontend/src/lib/plugin-manager/PluginManager.svelte b/frontend/src/lib/plugin-manager/PluginManager.svelte
index 413aae8..26253fc 100644
--- a/frontend/src/lib/plugin-manager/PluginManager.svelte
+++ b/frontend/src/lib/plugin-manager/PluginManager.svelte
@@ -1,11 +1,12 @@
 <script>
   import PluginCard from './PluginCard.svelte';
   import { onMount } from 'svelte';
-  import { GetPlugins, GetCapabilities, GetPermissions, ReloadPlugins } from '../../../wailsjs/go/api/App';
+  import { GetPlugins, GetCapabilities, GetPermissions, GetContributions, ReloadPlugins } from '../../../wailsjs/go/api/App';
 
   let plugins = [];
   let capabilities = [];
   let permissions = [];
+  let contributions = {};
   let loading = true;
   let error = '';
 
@@ -23,6 +24,7 @@
     // Capabilities and permissions are non-critical — load async
     GetCapabilities().then(c => { capabilities = c || []; }).catch(() => {});
     GetPermissions().then(p => { permissions = p || []; }).catch(() => {});
+    GetContributions().then(c => { contributions = c || {}; }).catch(() => {});
     loading = false;
   }
 
@@ -71,8 +73,11 @@
 
     {#if plugins.length === 0}
       <div class="empty">
-        <div class="empty-icon">📂</div>
-        <p>No plugins found</p>
+        <div class="empty-icon">
+          <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
+          </svg>
+        </div>        <p>No plugins found</p>
         <p class="hint">Plugin directories scanned:</p>
         <ul class="hint-list">
           <li><code>~/.config/verstak/plugins/</code> — user plugins</li>
@@ -83,7 +88,7 @@
     {:else}
       <div class="plugin-list">
         {#each plugins as p}
-          <PluginCard {p} {capabilities} {permissions} />
+          <PluginCard {p} {capabilities} {permissions} {contributions} />
         {/each}
       </div>
     {/if}
@@ -93,13 +98,14 @@
         <summary>Capability Registry ({totalCaps})</summary>
         <table>
           <thead>
-            <tr><th>Capability</th><th>Provider</th><th>Status</th></tr>
+            <tr><th>Capability</th><th>Provider</th><th>Source</th><th>Status</th></tr>
           </thead>
           <tbody>
             {#each capabilities as cap}
               <tr>
                 <td><code>{cap.name}</code></td>
                 <td>{cap.pluginId}</td>
+                <td><span class="source-badge" class:source-core={cap.pluginId === 'verstak-desktop'} class:source-plugin={cap.pluginId !== 'verstak-desktop'}>{cap.pluginId === 'verstak-desktop' ? 'core' : 'plugin'}</span></td>
                 <td><span class="status-{cap.status}">{cap.status}</span></td>
               </tr>
             {/each}
@@ -149,7 +155,7 @@
     padding: 2rem; text-align: center; color: #a0a0b8;
     background: #16213e; border-radius: 8px; border: 1px dashed #0f3460;
   }
-  .empty-icon { font-size: 2rem; margin-bottom: 0.5rem; }
+  .empty-icon { margin-bottom: 0.5rem; color: #0f3460; }
   .hint { font-size: 0.85rem; margin-top: 0.5rem; opacity: 0.7; }
   .hint-list { list-style: none; padding: 0; margin: 0.5rem 0; font-size: 0.8rem; opacity: 0.7; }
   .hint-list li { margin: 0.25rem 0; }
@@ -171,4 +177,20 @@
   :global(.status-stable) { color: #4ecca3; }
   :global(.status-draft) { color: #ffc857; }
   :global(.status-deprecated) { color: #e94560; }
+  .source-badge {
+    font-size: 0.75rem;
+    padding: 0.1rem 0.4rem;
+    border-radius: 4px;
+    font-weight: 600;
+  }
+  .source-core {
+    background: #1a3a5c;
+    color: #4ecca3;
+    border: 1px solid #4ecca3;
+  }
+  .source-plugin {
+    background: #0f3460;
+    color: #a0a0b8;
+    border: 1px solid #533483;
+  }
 </style>