aimeat 2.0.0 → 2.2.0

package/dist/static/sdk-libs/audio/instruments.js

@@ -0,0 +1,369 @@
+/**
+ * @file audio/instruments.js
+ * @description The 6 built-in synthesized instruments for aimeat-audio (SDK-libs migration Phase 2):
+ *   piano (2-op FM), guitar (Karplus-Strong), bass (saw + sub + lowpass), drums (per-hit noise/sine
+ *   bursts: kick/snare/hihat/…/cowbell), flute (sine + breath noise + vibrato LFO), and synth
+ *   (configurable oscillator). Importing this module populates the shared `instruments` registry from
+ *   core.js (side-effect only — no exports). Split out of the merged audio module to keep every file
+ *   under the 800-line cap.
+ * @structure side-effect: instruments.piano/guitar/bass/drums/flute/synth = { play(note, opts) }.
+ * @usage import './instruments.js';  // registers the built-ins onto the shared registry
+ * @version-history
+ *   v1.0.0 — 2026-07-19 — Extracted from lib-audio.ts + audio-lib-part2.ts (SDK-libs migration Phase 2).
+ */
+import { ctx, noteToFreq, masterNode, registerActive, instruments } from './core.js';
+
+// ── Piano: 2-operator FM synthesis ──
+instruments.piano = {
+  play: function (note, opts) {
+    var freq = noteToFreq(note);
+    if (!freq) return;
+    var t = ctx().currentTime;
+    var vel = (opts && opts.velocity !== undefined) ? opts.velocity : 0.7;
+    var dur = (opts && opts.duration) || 2.0;
+
+    var mod = ctx().createOscillator(); mod.type = 'sine';
+    mod.frequency.value = freq * 2;
+    var modGain = ctx().createGain();
+    modGain.gain.setValueAtTime(freq * 1.5 * vel, t);
+    modGain.gain.exponentialRampToValueAtTime(freq * 0.01, t + dur * 0.8);
+    mod.connect(modGain);
+
+    var car = ctx().createOscillator(); car.type = 'sine';
+    car.frequency.value = freq;
+    modGain.connect(car.frequency);
+
+    var env = ctx().createGain();
+    env.gain.setValueAtTime(0, t);
+    env.gain.linearRampToValueAtTime(vel * 0.4, t + 0.005);
+    env.gain.exponentialRampToValueAtTime(vel * 0.15, t + 0.1);
+    env.gain.exponentialRampToValueAtTime(0.001, t + dur);
+
+    car.connect(env); env.connect(masterNode());
+    mod.start(t); car.start(t);
+    mod.stop(t + dur + 0.1); car.stop(t + dur + 0.1);
+
+    registerActive('piano', note, [mod, car], function () {
+      try { env.gain.cancelScheduledValues(ctx().currentTime);
+        env.gain.setValueAtTime(env.gain.value, ctx().currentTime);
+        env.gain.linearRampToValueAtTime(0, ctx().currentTime + 0.05);
+        mod.stop(ctx().currentTime + 0.1); car.stop(ctx().currentTime + 0.1); } catch { /* already stopped */ }
+    });
+  },
+};
+
+// ── Guitar: Karplus-Strong plucked string ──
+instruments.guitar = {
+  play: function (note, opts) {
+    var freq = noteToFreq(note);
+    if (!freq) return;
+    var t = ctx().currentTime;
+    var vel = (opts && opts.velocity !== undefined) ? opts.velocity : 0.7;
+    var dur = (opts && opts.duration) || 1.5;
+
+    var bufSize = Math.round(ctx().sampleRate / freq);
+    var noiseBuffer = ctx().createBuffer(1, bufSize, ctx().sampleRate);
+    var data = noiseBuffer.getChannelData(0);
+    for (var i = 0; i < bufSize; i++) data[i] = (Math.random() * 2 - 1) * vel;
+
+    var noise = ctx().createBufferSource();
+    noise.buffer = noiseBuffer;
+    noise.loop = true;
+
+    var filter = ctx().createBiquadFilter();
+    filter.type = 'lowpass';
+    filter.frequency.value = freq * 4;
+    filter.Q.value = 0.5;
+
+    var env = ctx().createGain();
+    env.gain.setValueAtTime(vel * 0.5, t);
+    env.gain.exponentialRampToValueAtTime(0.001, t + dur);
+
+    noise.connect(filter); filter.connect(env); env.connect(masterNode());
+    noise.start(t); noise.stop(t + dur + 0.05);
+
+    registerActive('guitar', note, [noise], function () {
+      try { env.gain.cancelScheduledValues(ctx().currentTime);
+        env.gain.linearRampToValueAtTime(0, ctx().currentTime + 0.05);
+        noise.stop(ctx().currentTime + 0.1); } catch { /* already stopped */ }
+    });
+  },
+};
+
+// ── Bass: sawtooth + lowpass + sub-oscillator ──
+instruments.bass = {
+  play: function (note, opts) {
+    var freq = noteToFreq(note);
+    if (!freq) return;
+    var t = ctx().currentTime;
+    var vel = (opts && opts.velocity !== undefined) ? opts.velocity : 0.7;
+    var dur = (opts && opts.duration) || 0.8;
+
+    var osc = ctx().createOscillator(); osc.type = 'sawtooth'; osc.frequency.value = freq;
+    var sub = ctx().createOscillator(); sub.type = 'sine'; sub.frequency.value = freq / 2;
+    var subGain = ctx().createGain(); subGain.gain.value = 0.5;
+    sub.connect(subGain);
+
+    var mix = ctx().createGain();
+    osc.connect(mix); subGain.connect(mix);
+
+    var filter = ctx().createBiquadFilter(); filter.type = 'lowpass';
+    filter.frequency.setValueAtTime(freq * 3, t);
+    filter.frequency.exponentialRampToValueAtTime(freq * 1.2, t + 0.15);
+    filter.Q.value = 2;
+
+    var env = ctx().createGain();
+    env.gain.setValueAtTime(0, t);
+    env.gain.linearRampToValueAtTime(vel * 0.5, t + 0.01);
+    env.gain.setValueAtTime(vel * 0.5, t + dur * 0.7);
+    env.gain.exponentialRampToValueAtTime(0.001, t + dur);
+
+    mix.connect(filter); filter.connect(env); env.connect(masterNode());
+    osc.start(t); sub.start(t);
+    osc.stop(t + dur + 0.05); sub.stop(t + dur + 0.05);
+
+    registerActive('bass', note, [osc, sub], function () {
+      try { env.gain.cancelScheduledValues(ctx().currentTime);
+        env.gain.linearRampToValueAtTime(0, ctx().currentTime + 0.05);
+        osc.stop(ctx().currentTime + 0.1); sub.stop(ctx().currentTime + 0.1); } catch { /* already stopped */ }
+    });
+  },
+};
+
+// ── Drums: noise + sine bursts (per-hit) ──
+instruments.drums = {
+  play: function (hit, opts) {
+    var t = ctx().currentTime;
+    var vel = (opts && opts.velocity !== undefined) ? opts.velocity : 0.7;
+
+    function makeTom(freq) {
+      var osc = ctx().createOscillator(); osc.type = 'sine';
+      osc.frequency.setValueAtTime(freq, t);
+      osc.frequency.exponentialRampToValueAtTime(freq * 0.6, t + 0.15);
+      var g = ctx().createGain();
+      g.gain.setValueAtTime(vel * 0.5, t);
+      g.gain.exponentialRampToValueAtTime(0.001, t + 0.3);
+      osc.connect(g); g.connect(masterNode());
+      osc.start(t); osc.stop(t + 0.4);
+      return [osc];
+    }
+
+    var synths = {
+      'kick': function () {
+        var osc = ctx().createOscillator(); osc.type = 'sine';
+        osc.frequency.setValueAtTime(150, t);
+        osc.frequency.exponentialRampToValueAtTime(50, t + 0.1);
+        var g = ctx().createGain();
+        g.gain.setValueAtTime(vel, t);
+        g.gain.exponentialRampToValueAtTime(0.001, t + 0.4);
+        osc.connect(g); g.connect(masterNode());
+        var click = ctx().createOscillator(); click.type = 'square'; click.frequency.value = 800;
+        var cg = ctx().createGain();
+        cg.gain.setValueAtTime(vel * 0.3, t);
+        cg.gain.exponentialRampToValueAtTime(0.001, t + 0.02);
+        click.connect(cg); cg.connect(masterNode());
+        osc.start(t); osc.stop(t + 0.5);
+        click.start(t); click.stop(t + 0.05);
+        return [osc, click];
+      },
+      'snare': function () {
+        var bufLen = Math.round(ctx().sampleRate * 0.15);
+        var buf = ctx().createBuffer(1, bufLen, ctx().sampleRate);
+        var d = buf.getChannelData(0);
+        for (var i = 0; i < bufLen; i++) d[i] = (Math.random() * 2 - 1);
+        var noise = ctx().createBufferSource(); noise.buffer = buf;
+        var nf = ctx().createBiquadFilter(); nf.type = 'highpass'; nf.frequency.value = 1000;
+        var ng = ctx().createGain();
+        ng.gain.setValueAtTime(vel * 0.6, t);
+        ng.gain.exponentialRampToValueAtTime(0.001, t + 0.15);
+        noise.connect(nf); nf.connect(ng); ng.connect(masterNode());
+        var osc = ctx().createOscillator(); osc.type = 'sine'; osc.frequency.value = 200;
+        var og = ctx().createGain();
+        og.gain.setValueAtTime(vel * 0.5, t);
+        og.gain.exponentialRampToValueAtTime(0.001, t + 0.08);
+        osc.connect(og); og.connect(masterNode());
+        noise.start(t); osc.start(t); osc.stop(t + 0.2);
+        return [noise, osc];
+      },
+      'hihat': function () {
+        var bufLen = Math.round(ctx().sampleRate * 0.05);
+        var buf = ctx().createBuffer(1, bufLen, ctx().sampleRate);
+        var d = buf.getChannelData(0);
+        for (var i = 0; i < bufLen; i++) d[i] = (Math.random() * 2 - 1);
+        var noise = ctx().createBufferSource(); noise.buffer = buf;
+        var f = ctx().createBiquadFilter(); f.type = 'highpass'; f.frequency.value = 7000;
+        var g = ctx().createGain();
+        g.gain.setValueAtTime(vel * 0.3, t);
+        g.gain.exponentialRampToValueAtTime(0.001, t + 0.05);
+        noise.connect(f); f.connect(g); g.connect(masterNode());
+        noise.start(t);
+        return [noise];
+      },
+      'hihat-open': function () {
+        var bufLen = Math.round(ctx().sampleRate * 0.3);
+        var buf = ctx().createBuffer(1, bufLen, ctx().sampleRate);
+        var d = buf.getChannelData(0);
+        for (var i = 0; i < bufLen; i++) d[i] = (Math.random() * 2 - 1);
+        var noise = ctx().createBufferSource(); noise.buffer = buf;
+        var f = ctx().createBiquadFilter(); f.type = 'highpass'; f.frequency.value = 6000;
+        var g = ctx().createGain();
+        g.gain.setValueAtTime(vel * 0.3, t);
+        g.gain.exponentialRampToValueAtTime(0.001, t + 0.3);
+        noise.connect(f); f.connect(g); g.connect(masterNode());
+        noise.start(t);
+        return [noise];
+      },
+      'crash': function () {
+        var bufLen = Math.round(ctx().sampleRate * 1.0);
+        var buf = ctx().createBuffer(1, bufLen, ctx().sampleRate);
+        var d = buf.getChannelData(0);
+        for (var i = 0; i < bufLen; i++) d[i] = (Math.random() * 2 - 1);
+        var noise = ctx().createBufferSource(); noise.buffer = buf;
+        var f = ctx().createBiquadFilter(); f.type = 'highpass'; f.frequency.value = 4000;
+        var g = ctx().createGain();
+        g.gain.setValueAtTime(vel * 0.5, t);
+        g.gain.exponentialRampToValueAtTime(0.001, t + 1.0);
+        noise.connect(f); f.connect(g); g.connect(masterNode());
+        noise.start(t);
+        return [noise];
+      },
+      'ride': function () {
+        var bufLen = Math.round(ctx().sampleRate * 0.8);
+        var buf = ctx().createBuffer(1, bufLen, ctx().sampleRate);
+        var d = buf.getChannelData(0);
+        for (var i = 0; i < bufLen; i++) d[i] = (Math.random() * 2 - 1);
+        var noise = ctx().createBufferSource(); noise.buffer = buf;
+        var f = ctx().createBiquadFilter(); f.type = 'bandpass'; f.frequency.value = 8000; f.Q.value = 1;
+        var g = ctx().createGain();
+        g.gain.setValueAtTime(vel * 0.3, t);
+        g.gain.exponentialRampToValueAtTime(0.001, t + 0.8);
+        noise.connect(f); f.connect(g); g.connect(masterNode());
+        noise.start(t);
+        return [noise];
+      },
+      'tom-high': function () { return makeTom(300); },
+      'tom-mid': function () { return makeTom(220); },
+      'tom-low': function () { return makeTom(150); },
+      'clap': function () {
+        var nodes = [];
+        for (var ci = 0; ci < 3; ci++) {
+          var delay = ci * 0.01;
+          var bufLen = Math.round(ctx().sampleRate * 0.02);
+          var buf = ctx().createBuffer(1, bufLen, ctx().sampleRate);
+          var d = buf.getChannelData(0);
+          for (var j = 0; j < bufLen; j++) d[j] = (Math.random() * 2 - 1);
+          var noise = ctx().createBufferSource(); noise.buffer = buf;
+          var f = ctx().createBiquadFilter(); f.type = 'bandpass'; f.frequency.value = 2500; f.Q.value = 3;
+          var g = ctx().createGain();
+          g.gain.setValueAtTime(vel * 0.4, t + delay);
+          g.gain.exponentialRampToValueAtTime(0.001, t + delay + 0.08);
+          noise.connect(f); f.connect(g); g.connect(masterNode());
+          noise.start(t + delay);
+          nodes.push(noise);
+        }
+        return nodes;
+      },
+      'cowbell': function () {
+        var osc1 = ctx().createOscillator(); osc1.type = 'square'; osc1.frequency.value = 587;
+        var osc2 = ctx().createOscillator(); osc2.type = 'square'; osc2.frequency.value = 845;
+        var g = ctx().createGain();
+        g.gain.setValueAtTime(vel * 0.3, t);
+        g.gain.exponentialRampToValueAtTime(0.001, t + 0.4);
+        var f = ctx().createBiquadFilter(); f.type = 'bandpass'; f.frequency.value = 700; f.Q.value = 3;
+        osc1.connect(g); osc2.connect(g); g.connect(f); f.connect(masterNode());
+        osc1.start(t); osc2.start(t);
+        osc1.stop(t + 0.5); osc2.stop(t + 0.5);
+        return [osc1, osc2];
+      },
+    };
+
+    var fn = synths[hit];
+    if (!fn) { console.warn('[aimeat-audio] Unknown drum hit:', hit); return; }
+    var nodes = fn();
+    registerActive('drums', hit, nodes, function () {
+      nodes.forEach(function (n) { try { n.stop(ctx().currentTime + 0.01); } catch { /* already stopped */ } });
+    });
+  },
+};
+
+// ── Flute: sine + breath noise + vibrato LFO ──
+instruments.flute = {
+  play: function (note, opts) {
+    var freq = noteToFreq(note);
+    if (!freq) return;
+    var t = ctx().currentTime;
+    var vel = (opts && opts.velocity !== undefined) ? opts.velocity : 0.6;
+    var dur = (opts && opts.duration) || 1.5;
+    var vibDepth = (opts && opts.vibrato !== undefined) ? opts.vibrato : 0.15;
+
+    var osc = ctx().createOscillator(); osc.type = 'sine'; osc.frequency.value = freq;
+
+    var lfo = ctx().createOscillator(); lfo.type = 'sine'; lfo.frequency.value = 5.5;
+    var lfoGain = ctx().createGain(); lfoGain.gain.value = freq * vibDepth * 0.02;
+    lfo.connect(lfoGain); lfoGain.connect(osc.frequency);
+
+    var noiseBufLen = Math.round(ctx().sampleRate * dur);
+    var noiseBuf = ctx().createBuffer(1, noiseBufLen, ctx().sampleRate);
+    var nd = noiseBuf.getChannelData(0);
+    for (var i = 0; i < noiseBufLen; i++) nd[i] = (Math.random() * 2 - 1);
+    var noiseNode = ctx().createBufferSource(); noiseNode.buffer = noiseBuf;
+    var noiseFilt = ctx().createBiquadFilter(); noiseFilt.type = 'bandpass';
+    noiseFilt.frequency.value = freq; noiseFilt.Q.value = 2;
+    var noiseGain = ctx().createGain(); noiseGain.gain.value = vel * 0.06;
+    noiseNode.connect(noiseFilt); noiseFilt.connect(noiseGain);
+
+    var env = ctx().createGain();
+    env.gain.setValueAtTime(0, t);
+    env.gain.linearRampToValueAtTime(vel * 0.3, t + 0.08);
+    env.gain.setValueAtTime(vel * 0.3, t + dur - 0.1);
+    env.gain.linearRampToValueAtTime(0, t + dur);
+
+    osc.connect(env); noiseGain.connect(env); env.connect(masterNode());
+    lfo.start(t); osc.start(t); noiseNode.start(t);
+    lfo.stop(t + dur + 0.1); osc.stop(t + dur + 0.1);
+
+    registerActive('flute', note, [osc, lfo, noiseNode], function () {
+      try { env.gain.cancelScheduledValues(ctx().currentTime);
+        env.gain.linearRampToValueAtTime(0, ctx().currentTime + 0.05);
+        osc.stop(ctx().currentTime + 0.1); lfo.stop(ctx().currentTime + 0.1); } catch { /* already stopped */ }
+    });
+  },
+};
+
+// ── Synth: configurable oscillator ──
+instruments.synth = {
+  play: function (note, opts) {
+    var freq = noteToFreq(note);
+    if (!freq) return;
+    var t = ctx().currentTime;
+    var vel = (opts && opts.velocity !== undefined) ? opts.velocity : 0.7;
+    var dur = (opts && opts.duration) || 1.0;
+    var wave = (opts && opts.wave) || 'sawtooth';
+    var filterFreq = (opts && opts.filter) || 2000;
+
+    var osc = ctx().createOscillator(); osc.type = wave; osc.frequency.value = freq;
+    var osc2 = ctx().createOscillator(); osc2.type = wave; osc2.frequency.value = freq; osc2.detune.value = 7;
+    var osc2Gain = ctx().createGain(); osc2Gain.gain.value = 0.5;
+    osc2.connect(osc2Gain);
+
+    var filter = ctx().createBiquadFilter(); filter.type = 'lowpass';
+    filter.frequency.value = filterFreq; filter.Q.value = 1;
+
+    var env = ctx().createGain();
+    env.gain.setValueAtTime(0, t);
+    env.gain.linearRampToValueAtTime(vel * 0.3, t + 0.02);
+    env.gain.setValueAtTime(vel * 0.3, t + dur * 0.7);
+    env.gain.exponentialRampToValueAtTime(0.001, t + dur);
+
+    osc.connect(filter); osc2Gain.connect(filter);
+    filter.connect(env); env.connect(masterNode());
+    osc.start(t); osc2.start(t);
+    osc.stop(t + dur + 0.05); osc2.stop(t + dur + 0.05);
+
+    registerActive('synth', note, [osc, osc2], function () {
+      try { env.gain.cancelScheduledValues(ctx().currentTime);
+        env.gain.linearRampToValueAtTime(0, ctx().currentTime + 0.05);
+        osc.stop(ctx().currentTime + 0.1); osc2.stop(ctx().currentTime + 0.1); } catch { /* already stopped */ }
+    });
+  },
+};

package/dist/static/sdk-libs/auth/cluster.js

@@ -0,0 +1,97 @@
+/**
+ * @file auth/cluster.js
+ * @description The shared stylesheet for the platform control cluster — language, light/dark mode
+ *   and palette — that travels inside the login pill. One injected sheet, class-based (no inline
+ *   layout/colour styles on the controls), themed through currentColor + the aimeat-theme.css
+ *   tokens with safe fallbacks, so the same markup reads correctly on the golden pill, on a bare
+ *   signed-out header, and in the compact mobile popover. The controls are SEGMENTED: every option
+ *   visible, the active one marked, one click to any — never a blind cycle. Pickers with more
+ *   options than fit a segment (palettes, 4+ languages) use a small anchored popover whose width
+ *   is capped at the viewport, which is the deliberate 390px form.
+ * @structure ensureClusterStyles() — idempotent <style> injector.
+ * @usage import { ensureClusterStyles } from './cluster.js';   (pill.js calls it once per render)
+ * @version-history
+ *   v1.0.0 — 2026-07-25 — Born with the control cluster (theme system v2): replaces the per-button
+ *     inline styles of the old cycling language button + lone theme toggle.
+ */
+
+export function ensureClusterStyles() {
+  if (document.getElementById('aimeat-cluster-css')) return;
+  var st = document.createElement('style');
+  st.id = 'aimeat-cluster-css';
+  st.textContent = [
+    /* The cluster row. Inherits text colour from its host (gold pill or page header). */
+    '.aimeat-ctl{display:inline-flex;align-items:center;gap:6px}',
+
+    /* Segmented group: one bordered pill, every option a button. */
+    '.aimeat-seg{display:inline-flex;align-items:stretch;height:30px;flex:0 0 auto;',
+      'border:1px solid color-mix(in oklab,currentColor 38%,transparent);border-radius:999px;',
+      'overflow:hidden;background:color-mix(in oklab,currentColor 5%,transparent)}',
+    '.aimeat-seg button{appearance:none;border:0;background:transparent;color:currentColor;',
+      'opacity:.6;font:700 11px/1 "Inter","Segoe UI",system-ui,sans-serif;letter-spacing:.4px;',
+      'padding:0 10px;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;',
+      'transition:opacity var(--motion-fast,120ms) ease,background var(--motion-fast,120ms) ease}',
+    '.aimeat-seg button:hover{opacity:.9}',
+    '.aimeat-seg button:focus-visible{outline:2px solid currentColor;outline-offset:-2px;opacity:1}',
+    '.aimeat-seg button[aria-pressed="true"]{opacity:1;',
+      'background:color-mix(in oklab,currentColor 16%,transparent)}',
+    '.aimeat-seg button+button{border-left:1px solid color-mix(in oklab,currentColor 22%,transparent)}',
+    '.aimeat-seg .seg-ico{font-size:13px;line-height:1}',
+
+    /* Popover trigger (palette picker; language picker when 4+ languages). */
+    '.aimeat-pop-wrap{position:relative;display:inline-flex;flex:0 0 auto}',
+    '.aimeat-pop-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;',
+      'gap:5px;height:30px;min-width:30px;padding:0 7px;background:color-mix(in oklab,currentColor 5%,transparent);',
+      'border:1px solid color-mix(in oklab,currentColor 38%,transparent);border-radius:999px;',
+      'cursor:pointer;color:currentColor;font:700 11px/1 "Inter","Segoe UI",system-ui,sans-serif;letter-spacing:.4px;',
+      'transition:background var(--motion-fast,120ms) ease}',
+    '.aimeat-pop-btn:hover{background:color-mix(in oklab,currentColor 12%,transparent)}',
+    '.aimeat-pop-btn:focus-visible{outline:2px solid currentColor;outline-offset:-2px}',
+
+    /* The popover panel: a real themed surface (not the host pill), so swatches read true. */
+    '.aimeat-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;display:none;',
+      'background:var(--color-base-200,#ffffff);color:var(--color-base-content,#1a1a2e);',
+      'border:1px solid var(--color-base-300,#d9dbe1);border-radius:var(--radius-box,14px);',
+      'box-shadow:var(--elev-pop,0 4px 10px rgb(15 18 25 / .1),0 18px 44px rgb(15 18 25 / .16));',
+      'padding:8px;width:max-content;max-width:calc(100vw - 24px)}',
+    '.aimeat-pop-wrap.aimeat-open .aimeat-pop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}',
+    '.aimeat-pop.aimeat-pop-list{grid-template-columns:minmax(0,1fr)}',
+    '.aimeat-pop button{appearance:none;display:flex;align-items:center;gap:8px;padding:7px 9px;margin:0;',
+      'background:transparent;border:1px solid transparent;border-radius:calc(var(--radius-box,14px) - 6px);',
+      'cursor:pointer;color:inherit;font:600 12px/1.1 "Inter","Segoe UI",system-ui,sans-serif;text-align:left;',
+      'transition:background var(--motion-fast,120ms) ease}',
+    '.aimeat-pop button:hover{background:color-mix(in oklab,currentColor 8%,transparent)}',
+    '.aimeat-pop button:focus-visible{outline:2px solid var(--color-primary,#e8564a);outline-offset:-2px}',
+    '.aimeat-pop button[aria-pressed="true"]{border-color:var(--color-primary,#e8564a)}',
+
+    /* Palette swatch chips: page/card/accent of the palette IN THE CURRENT MODE. The three
+       colours are data (they vary per palette), so they arrive as inline background values on
+       these spans — layout and everything else stays here. */
+    '.aimeat-pal-chip{position:relative;flex:0 0 auto;width:26px;height:20px;border-radius:5px;',
+      'border:1px solid color-mix(in oklab,currentColor 25%,transparent);overflow:hidden}',
+    '.aimeat-pal-chip .pc-card{position:absolute;inset:5px 5px 3px 5px;border-radius:3px}',
+    '.aimeat-pal-chip .pc-acc{position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-radius:50%}',
+    /* The trigger's miniature: the active palette's accent as a dot. */
+    '.aimeat-pal-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;',
+      'border:1px solid color-mix(in oklab,currentColor 30%,transparent)}',
+
+  ].join('');
+  (document.head || document.documentElement).appendChild(st);
+}
+
+/**
+ * Keep a just-opened popover inside the viewport: anchored right by default, nudged with a
+ * transform when the left edge would leave the screen (the 390px case — a swatch grid opened
+ * from a cluster that sits mid-header). Measurement-based, so it works inside the compact
+ * pill popover too, where CSS alone cannot know where the anchor landed.
+ * @param {HTMLElement} pop
+ */
+export function clampPopover(pop) {
+  pop.style.transform = '';
+  var r = pop.getBoundingClientRect();
+  var pad = 12;
+  var shift = 0;
+  if (r.left < pad) shift = pad - r.left;
+  else if (r.right > window.innerWidth - pad) shift = (window.innerWidth - pad) - r.right;
+  if (shift) pop.style.transform = 'translateX(' + Math.round(shift) + 'px)';
+}

package/dist/static/sdk-libs/auth/config.js

@@ -0,0 +1,46 @@
+/**
+ * @file auth/config.js
+ * @description aimeat-auth config (SDK-libs migration Phase 3). NODE_URL / APEX_URL / NODE_ID come
+ *   from the shared _core/config (the same `<meta> → location.origin → prelude` resolution the whole
+ *   SDK uses). The app-scope defaults + declaration reader, and the OIDC provider list + button
+ *   glyphs, live here. AUTH_PROVIDERS is server-computed (`listEnabledProviderMeta`) and injected by
+ *   the auth route as an EXTRA prelude line — `window.__AIMEAT_AUTH_CFG__.providers` — since the
+ *   generic config prelude only carries nodeId/baseUrl. Extracted from auth-lib-part1.ts.
+ * @structure re-exports NODE_URL/APEX_URL/NODE_ID · APP_DEFAULT_SCOPES · appDeclaredScopes() ·
+ *   AUTH_PROVIDERS · PROVIDER_ICONS.
+ * @usage import { NODE_URL, APEX_URL, AUTH_PROVIDERS, appDeclaredScopes } from './config.js';
+ * @version-history
+ *   v1.0.0 — 2026-07-19 — Extracted from src/routes/libs/auth-lib-part1.ts (SDK-libs migration Phase 3).
+ */
+export { NODE_URL, APEX_URL, NODE_ID } from '../_core/config.js';
+
+// Default scopes an app asks for in the H-2 silent SSO / grant flow when it does not declare its own.
+// The common, foundational set: read/write the user's memory AND their stored files. (storage is a
+// SEPARATE scope domain from memory — saving an image goes to /v1/storage, not /v1/memory.)
+export const APP_DEFAULT_SCOPES = 'memory:read memory:write storage:read storage:write';
+
+// An app declares the scopes it needs with <meta name="aimeat-scopes" content="scope scope …">.
+// Only declared apps deviate from the default set — e.g. an AI app adds "ai:use" so its grant
+// can spend the owner's AI budget. Falls back to APP_DEFAULT_SCOPES when undeclared, so existing
+// apps are unaffected. The authorize endpoint still validates every scope against the node's
+// grantable vocabulary, so a bogus meta value can only ever request LESS than the node allows.
+export function appDeclaredScopes() {
+  try {
+    var m = document.querySelector('meta[name="aimeat-scopes"]');
+    var c = m && m.getAttribute('content');
+    if (c && c.trim()) return c.trim().replace(/\s+/g, ' ');
+  } catch { /* no document / detached */ }
+  return APP_DEFAULT_SCOPES;
+}
+
+// Social login providers enabled on this node (server-computed from node config, injected by the
+// auth route as an extra prelude line): each is { id, label, i18nKey } — the sign-in modal renders
+// one button per entry.
+export const AUTH_PROVIDERS = (window.__AIMEAT_AUTH_CFG__ && window.__AIMEAT_AUTH_CFG__.providers) || [];
+
+// Per-provider button glyphs (inline SVG — no external fetch).
+export const PROVIDER_ICONS = {
+  google: '<svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path fill="#4285F4" d="M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.8 2.72v2.26h2.92c1.7-1.57 2.68-3.88 2.68-6.62z"/><path fill="#34A853" d="M9 18c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.8.54-1.84.86-3.04.86-2.34 0-4.32-1.58-5.03-3.7H.96v2.33A9 9 0 0 0 9 18z"/><path fill="#FBBC05" d="M3.97 10.72a5.4 5.4 0 0 1 0-3.44V4.95H.96a9 9 0 0 0 0 8.1l3.01-2.33z"/><path fill="#EA4335" d="M9 3.58c1.32 0 2.5.45 3.44 1.35l2.58-2.58A9 9 0 0 0 .96 4.95l3.01 2.33C4.68 5.16 6.66 3.58 9 3.58z"/></svg>',
+  entra: '<svg width="18" height="18" viewBox="0 0 21 21" aria-hidden="true"><rect x="1" y="1" width="9" height="9" fill="#F25022"/><rect x="11" y="1" width="9" height="9" fill="#7FBA00"/><rect x="1" y="11" width="9" height="9" fill="#00A4EF"/><rect x="11" y="11" width="9" height="9" fill="#FFB900"/></svg>',
+  casdoor: '<svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="3" width="16" height="18" rx="2" fill="#4757F6"/><circle cx="14" cy="11" r="1.6" fill="#fff"/><rect x="13.2" y="11.5" width="1.6" height="4" fill="#fff"/></svg>',
+};