Feat v0.5.1 chat core (#31)

Co-authored-by: Jeffrey Smith <jasafpro@gmail.com>
Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>

src/js/sw/sdk/index.js

@@ -167,7 +167,7 @@ export async function boot() {
     };
 
     // Marker for idempotency
-    sw._sdk = '0.5.0';
+    sw._sdk = '0.5.1';
 
     // 8. Expose globally
     window.sw = sw;

src/js/sw/surfaces/admin/packages.js

@@ -6,8 +6,9 @@
  */
 const { html } = window;
 const { useState, useEffect, useCallback } = hooks;
+import { Dropdown } from '../../primitives/dropdown.js';
 
-const TYPE_OPTIONS = ['all', 'surface', 'extension', 'full', 'workflow'];
+const TYPE_OPTIONS = ['all', 'surface', 'extension', 'full', 'workflow', 'library'];
 const CORE_IDS     = new Set(['admin']);
 
 function typeBadge(type) {
@@ -224,12 +225,11 @@ export default function PackagesSection() {
 
             ${/* ── Action bar ─────────────── */``}
             <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:14px;">
-                ${TYPE_OPTIONS.map(t => html`
-                    <button key=${t}
-                        class="btn-small ${typeFilter === t ? 'btn-primary' : ''}"
-                        onClick=${() => setTypeFilter(t)}
-                        style="text-transform:capitalize;">${t}</button>
-                `)}
+                <${Dropdown}
+                    value=${typeFilter}
+                    onChange=${setTypeFilter}
+                    options=${TYPE_OPTIONS.map(t => ({ label: t.charAt(0).toUpperCase() + t.slice(1), value: t }))}
+                />
                 <span style="flex:1;" />
                 <button class="btn-small" onClick=${uploadPackage} disabled=${installing}>
                     ${installing ? 'Installing\u2026' : 'Install Package'}