amicus 1.4.0 → 1.5.0

package/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "amicus",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Multi-model LLM Council + parallel AI window for Claude Code. Run structured council reviews across Gemini, GPT, DeepSeek and more — or fork a conversation to any model and fold the results back.",
   "author": { "name": "Christian Wagner" },
   "homepage": "https://bourbondog.github.io/amicus/",

package/CHANGELOG.md

@@ -5,6 +5,30 @@ All notable changes to Amicus are documented here. Format follows
 
 ## [Unreleased]
 
+## [1.5.0] - 2026-06-29
+
+A visual refresh plus a council-reliability fix and a config-dir consolidation.
+
+### Added
+- **Amicus design system**: the Electron app (setup wizard, toolbar, fold overlay), the council
+  HTML report, and the marketing site now render from one shared token layer (`src/design/tokens.css`
+  + a `src/design/tokens.js` loader) — the clay/gold rail-yard brand on a neutral-black ramp, with
+  bundled Outfit + IBM Plex Mono fonts. Previously each surface defined its own colors independently;
+  the site is pixel-identical to before, now bound to the shared tokens by a drift-guard test.
+
+### Fixed
+- **Council reliability ledger now persists.** `amicus council tally` (and the MCP
+  `amicus_council_tally`) computed the tally record but never wrote it, so `council-ledger.jsonl`
+  stayed empty and `amicus council stats` always reported "No council runs recorded yet." The tally
+  finalize step now auto-appends the row(s) — best-effort, so a ledger write failure never fails the
+  tally — and a new `--no-ledger` flag computes a record without recording it (e.g. a re-tally).
+
+### Changed
+- **Unified config directory.** On startup Amicus now migrates a legacy `~/.config/sidecar` directory
+  onto the canonical `~/.config/amicus` once, non-destructively (copy; the legacy dir is kept as a
+  backup). This collapses the two-directory split that could let config resolution flip between them
+  and orphan your config, catalog, and ledger. A `CONFIG_DIR` override opts out.
+
 ## [1.4.0] - 2026-06-28
 
 ### Added

package/bin/amicus.js

@@ -7,6 +7,17 @@
  * Routes commands to appropriate handlers.
  */
 
+// One-time, non-destructive migration of the legacy ~/.config/sidecar dir onto
+// the canonical ~/.config/amicus (copy; legacy kept as a backup). Runs before
+// any config/credential read so both resolve to the unified dir. Best-effort.
+try {
+  const { migrateLegacyConfigDir } = require('../src/utils/config');
+  const _m = migrateLegacyConfigDir();
+  if (_m && _m.migrated) {
+    process.stderr.write(`[amicus] Migrated config ${_m.from} → ${_m.to} (legacy kept as a backup).\n`);
+  }
+} catch { /* best-effort: never block startup on migration */ }
+
 // Load API keys from all sources: process.env > sidecar .env > auth.json
 const { loadCredentials } = require('../src/utils/env-loader');
 loadCredentials();

package/electron/fold.js

@@ -8,6 +8,7 @@
 const { logger } = require('../src/utils/logger');
 const { requestSummaryFromModel } = require('./summary');
 const { getSummaryTemplate } = require('../src/prompt-builder');
+const { tokenCss } = require('../src/design/tokens');
 
 /**
  * Create a fold handler bound to the window state
@@ -59,11 +60,11 @@ function createFoldHandler(state) {
       if (contentView) {
         await contentView.webContents.executeJavaScript(`
           (function() {
-            var overlay = document.getElementById('sidecar-fold-overlay');
+            var overlay = document.getElementById('amicus-fold-overlay');
             if (overlay) {
               while (overlay.firstChild) { overlay.removeChild(overlay.firstChild); }
               var msg = document.createElement('div');
-              msg.style.cssText = 'color:#E8E0D8;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;text-align:center;max-width:320px;';
+              msg.style.cssText = 'color:var(--text-1);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;text-align:center;max-width:320px;';
               msg.textContent = 'Summary saved. Tell Claude you\\u2019re done with the Amicus session so it can read the results.';
               overlay.appendChild(msg);
             }
@@ -110,7 +111,7 @@ function showFoldOverlay(mainWindow, contentView) {
           var span = document.createElement('span');
           span.style.cssText = 'display:inline-flex;align-items:center;gap:6px;';
           var spinner = document.createElement('span');
-          spinner.style.cssText = 'width:12px;height:12px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite;display:inline-block;';
+          spinner.style.cssText = 'width:12px;height:12px;border:2px solid rgba(255,255,255,0.3);border-top-color:var(--on-accent);border-radius:50%;animation:spin 0.8s linear infinite;display:inline-block;';
           span.appendChild(spinner);
           span.appendChild(document.createTextNode('Generating summary\\u2026'));
           btn.appendChild(span);
@@ -128,6 +129,15 @@ function showFoldOverlay(mainWindow, contentView) {
     `).catch(() => {});
   }
   if (contentView) {
+    // Scope token vars to the overlay container so var(--x) resolves without
+    // touching OpenCode's own :root (which would clobber its CSS variables).
+    const rawCss = tokenCss({ absoluteFontUrls: true });
+    // Replace only the :root selector (not occurrences inside comments) so the
+    // custom properties are defined on #amicus-fold-overlay and inherited by
+    // its descendants. @font-face blocks are left at global scope (no selector).
+    const scopedCss = rawCss.replace(/:root\s*\{/, '#amicus-fold-overlay {');
+    contentView.webContents.insertCSS(scopedCss).catch(() => {});
+
     contentView.webContents.executeJavaScript(`
       (function() {
         if (!document.getElementById('fold-spin-style')) {
@@ -137,20 +147,20 @@ function showFoldOverlay(mainWindow, contentView) {
           document.head.appendChild(style);
         }
         var overlay = document.createElement('div');
-        overlay.id = 'sidecar-fold-overlay';
+        overlay.id = 'amicus-fold-overlay';
         overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;';
 
         var spinDiv = document.createElement('div');
-        spinDiv.style.cssText = 'width:32px;height:32px;border:3px solid rgba(217,119,87,0.3);border-top-color:#D97757;border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:16px;';
+        spinDiv.style.cssText = 'width:32px;height:32px;border:3px solid var(--accent-line);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:16px;';
         overlay.appendChild(spinDiv);
 
         var titleDiv = document.createElement('div');
-        titleDiv.style.cssText = 'color:#E8E0D8;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;';
+        titleDiv.style.cssText = 'color:var(--text-1);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;';
         titleDiv.textContent = 'Generating summary\\u2026';
         overlay.appendChild(titleDiv);
 
         var subtitleDiv = document.createElement('div');
-        subtitleDiv.style.cssText = 'color:#7A756F;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;margin-top:6px;';
+        subtitleDiv.style.cssText = 'color:var(--text-3);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;margin-top:6px;';
         subtitleDiv.textContent = 'Folding session back to Claude Code';
         overlay.appendChild(subtitleDiv);
 

package/electron/setup-ui-aliases.js

@@ -51,9 +51,9 @@ function buildAliasEditorHTML(aliases) {
   const exampleModel = aliases[exampleAlias] || 'openrouter/google/gemini-3.1-flash-lite-preview';
 
   // SVG icons for the example box
-  const terminalIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="2" width="14" height="12" rx="2" stroke="#D97757" stroke-width="1.5"/><path d="M4 6l2.5 2L4 10" stroke="#D97757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 10H11" stroke="#5A5550" stroke-width="1.5" stroke-linecap="round"/></svg>`;
-  const arrowIcon = `<svg width="20" height="12" viewBox="0 0 20 12" fill="none"><path d="M2 6h14" stroke="#D97757" stroke-width="1.5" stroke-linecap="round"/><path d="M13 2l4 4-4 4" stroke="#D97757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-  const modelIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="5" r="3" stroke="#6BBF6B" stroke-width="1.5"/><path d="M8 8v3" stroke="#6BBF6B" stroke-width="1.5" stroke-linecap="round"/><circle cx="4" cy="13" r="1.5" stroke="#6BBF6B" stroke-width="1.2"/><circle cx="8" cy="13" r="1.5" stroke="#6BBF6B" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="#6BBF6B" stroke-width="1.2"/><path d="M4 11.5L8 11M8 11l4 .5" stroke="#6BBF6B" stroke-width="1" stroke-linecap="round"/></svg>`;
+  const terminalIcon = `<svg class="alias-icon-accent" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="2" width="14" height="12" rx="2" stroke-width="1.5"/><path d="M4 6l2.5 2L4 10" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 10H11" class="alias-icon-faint-path" stroke-width="1.5" stroke-linecap="round"/></svg>`;
+  const arrowIcon = `<svg class="alias-icon-accent" width="20" height="12" viewBox="0 0 20 12" fill="none"><path d="M2 6h14" stroke-width="1.5" stroke-linecap="round"/><path d="M13 2l4 4-4 4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+  const modelIcon = `<svg class="alias-icon-ok" width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="5" r="3" stroke-width="1.5"/><path d="M8 8v3" stroke-width="1.5" stroke-linecap="round"/><circle cx="4" cy="13" r="1.5" stroke-width="1.2"/><circle cx="8" cy="13" r="1.5" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke-width="1.2"/><path d="M4 11.5L8 11M8 11l4 .5" stroke-width="1" stroke-linecap="round"/></svg>`;
 
   const exampleBox = `<div class="routing-example">
         <div class="example-label">How it works</div>