feat(settings): expandable Icon sets panel (view/upload/delete)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

public/views/settings.js

@@ -1,6 +1,7 @@
 // #/settings — API tokens, agents, and a placeholder for Orthos Mode.
 import { el, mount } from '../dom.js';
 import { api } from '../api.js';
+import { iconSetsPanel } from './icon_sets_panel.js';
 
 function section(title, sub, bodyEl) {
   return el('div', { class: 'card settings-card' },
@@ -99,10 +100,23 @@ async function renderAgents(c) {
 export async function render(main) {
   const tokensBody = el('div', { class: 'settings-body' });
   const agentsBody = el('div', { class: 'settings-body' });
+
+  // Icon sets — collapsible; panel is lazy-created once but hidden by default.
+  const isPanel = iconSetsPanel();
+  isPanel.style.display = 'none';
+  const isToggle = el('button', { class: 'ghost' }, '▸ Icon sets');
+  isToggle.addEventListener('click', () => {
+    const open = isPanel.style.display !== 'none';
+    isPanel.style.display = open ? 'none' : 'block';
+    isToggle.textContent = (open ? '▸' : '▾') + ' Icon sets';
+  });
+  const iconSetsWrap = el('div', { class: 'settings-body' }, isToggle, isPanel);
+
   mount(main,
     el('h1', { class: 'view-h1' }, '◆ Settings'),
     section('API Tokens', 'Bearer tokens for agents (e.g. the MCP external-research agent). The secret is shown once at creation.', tokensBody),
     section('Agents', 'Seeded Cradle agents and what each is allowed to do.', agentsBody),
+    section('Icon Sets', 'Upload or delete custom icon packs for device and service icons.', iconSetsWrap),
     section('Orthos Mode', 'Local-first answering — Orthos answers first, Claude escalates when needed.',
       el('div', { class: 'muted' }, 'Paused for a future project (arrives with the local-agent layer).'))
   );