@stephen-netu/design-system 0.2.2 → 0.5.1

package/dist/n1-flow-canvas/pipeline-adapter.js

@@ -0,0 +1,160 @@
+// N1 Pipeline Adapter — maps PipelineState → GraphSnapshot for FlowCanvas
+// READ-ONLY consumer of ~/.kos/pipeline/<run-id>/pipeline-state.json
+// S-02: deterministic ordering — all collections Array/Map
+// ── Token budgets (mirrors driver.rs) ────────────────────────────────────────
+const STAGE_TOKEN_BUDGETS = {
+    intake: 10_000,
+    research: 40_000,
+    implement: 120_000,
+    review: 40_000,
+    integrate: 10_000,
+};
+function formatTokens(t) {
+    if (t >= 1_000_000)
+        return `${(t / 1_000_000).toFixed(1)}M`;
+    if (t >= 1_000)
+        return `${(t / 1_000).toFixed(0)}K`;
+    return `${t}`;
+}
+// ── Status color mapping ─────────────────────────────────────────────────────
+const STAGE_COLORS = {
+    Pending: '#646b72',
+    Running: '#3fae9f',
+    Passed: '#3fae9f',
+    Failed: '#cf4e4e',
+    Skipped: '#4a4f55',
+    Crashed: '#cf4e4e',
+};
+function statusIcon(status) {
+    switch (status) {
+        case 'Pending': return '○';
+        case 'Running': return '●';
+        case 'Passed': return '✓';
+        case 'Failed': return '✗';
+        case 'Skipped': return '−';
+        case 'Crashed': return '💀';
+    }
+}
+// ── Adapter ──────────────────────────────────────────────────────────────────
+export const PIPELINE_STAGE_NAMES = ['intake', 'research', 'implement', 'review', 'integrate'];
+export function pipelineStateToSnapshot(state) {
+    const nodes = [];
+    const edges = [];
+    const stageOrder = PIPELINE_STAGE_NAMES;
+    const stageMap = new Map();
+    for (const s of state.stages)
+        stageMap.set(s.name, s);
+    let prevName = null;
+    for (const name of stageOrder) {
+        const stage = stageMap.get(name);
+        const status = stage?.status ?? 'Pending';
+        const color = STAGE_COLORS[status];
+        const icon = statusIcon(status);
+        // Build label with status icon, name, attempt badge, token budget
+        let label = `${icon} ${name}`;
+        if (stage && stage.attempt > 1) {
+            label += ` #${stage.attempt}`;
+        }
+        // Collect badge-like data into node.data for FlowCanvas rendering
+        const data = {
+            status,
+            color,
+            icon,
+            pipelineStatus: status,
+        };
+        if (stage) {
+            data.attempt = stage.attempt;
+            if (stage.selected_model)
+                data.model = stage.selected_model;
+            data.budget = formatTokens(STAGE_TOKEN_BUDGETS[name] ?? 0);
+            if (stage.error)
+                data.error = stage.error;
+            if (stage.started_at)
+                data.started_at = stage.started_at;
+            if (stage.completed_at)
+                data.completed_at = stage.completed_at;
+            if (stage.termination) {
+                data.termination = stage.termination.reason;
+                data.final_tokens = stage.termination.final_tokens;
+            }
+        }
+        nodes.push({ id: name, label, data });
+        // Sequential handoff edge: prev → current
+        if (prevName) {
+            edges.push({
+                id: `${prevName}->${name}`,
+                sourceId: prevName,
+                targetId: name,
+                label: 'handoff',
+            });
+        }
+        prevName = name;
+    }
+    // Back-edge for active remediation: review → implement
+    if (state.remediation_count > 0 && state.remediation_count < state.max_remediation) {
+        const reviewStage = stageMap.get('review');
+        if (reviewStage && reviewStage.status === 'Failed') {
+            edges.push({
+                id: 'review->implement:remediate',
+                sourceId: 'review',
+                targetId: 'implement',
+                label: 'remediate',
+            });
+        }
+    }
+    // Queue tail node (D14) — shows pending queue depth if available
+    // For now, show remediation count as queue indicator
+    if (state.remediation_count > 0) {
+        nodes.push({
+            id: 'remediation',
+            label: `↻ x${state.remediation_count}`,
+            data: { status: 'remediation', count: state.remediation_count },
+        });
+        edges.push({
+            id: 'review->remediation',
+            sourceId: 'review',
+            targetId: 'remediation',
+            label: 'remediate',
+        });
+        edges.push({
+            id: 'remediation->implement',
+            sourceId: 'remediation',
+            targetId: 'implement',
+            label: 're-enter',
+        });
+    }
+    return {
+        nodes,
+        edges,
+        focusNodeId: findFocusNode(stageMap),
+    };
+}
+function findFocusNode(stageMap) {
+    for (const name of PIPELINE_STAGE_NAMES) {
+        const stage = stageMap.get(name);
+        if (stage && stage.status === 'Running')
+            return name;
+    }
+    for (const name of PIPELINE_STAGE_NAMES) {
+        const stage = stageMap.get(name);
+        if (stage && stage.status === 'Pending')
+            return name;
+    }
+    return PIPELINE_STAGE_NAMES[0] ?? null;
+}
+export function createEmptyPipelineSnapshot() {
+    return {
+        nodes: PIPELINE_STAGE_NAMES.map((name, i) => ({
+            id: name,
+            label: `○ ${name}`,
+            data: { status: 'Pending', pipelineStatus: 'Pending' },
+        })),
+        edges: PIPELINE_STAGE_NAMES.slice(0, -1).map((name, i) => ({
+            id: `${name}->${PIPELINE_STAGE_NAMES[i + 1]}`,
+            sourceId: name,
+            targetId: PIPELINE_STAGE_NAMES[i + 1],
+            label: 'handoff',
+        })),
+        focusNodeId: PIPELINE_STAGE_NAMES[0],
+    };
+}

package/dist/n2-manifold-disk/ManifoldDisk.svelte

@@ -14,6 +14,7 @@
   import { GraphState } from '../n1-flow-canvas/graph-state.svelte.js';
   import { EDGE_REVEAL_STAGGER_MS } from '../n1-flow-canvas/types.js';
   import { projectToDisk, quaternionToDisk } from './poincare.js';
+  import { resolveAccentRamp } from '../p0-primitives/canvas-theme.js';
 
   // ── Props ────────────────────────────────────────────────────────────────────
 
@@ -98,48 +99,74 @@
     }
   });
 
-  // ── Design tokens ──────────────────────────────────────────────────────────
-
-  const COLORS = {
-    bg:         '#1a1a1a',
-    diskBg:     '#111111',
-    diskBorder: '#3a3020',
-    node:       '#2a2a2a',
-    nodeBorder: '#b87333',
-    nodeText:   '#e8e0d0',
-    edgeLine:   '#b87333',
-    edgeFade:   '#5a4a30',
-    focus:      '#d4943a',
-    grid:       '#1e1e1e',
-    selected:   '#d4943a',
-  };
-
-  // Column-based node fill colors — matches KOS brass/copper theme.
-  // Semi-transparent fills let the dark disk background show through.
-  const COLUMN_FILL: Record<string, string> = {
-    GO:      'rgba(184, 115, 51, 0.35)',   // brass — active
-    CONSULT: 'rgba(184, 115, 51, 0.18)',   // brass outline — advisory
-    WEED:    'rgba(200, 160, 50, 0.22)',   // warning amber
-    SPROUT:  'rgba(70,  130, 200, 0.20)', // info blue — growing
-    FREEZE:  'rgba(80,  110, 180, 0.16)', // cool blue — frozen
-    SEED:    'rgba(42,   42,  42, 0.60)', // muted — backlog
-  };
-
-  const COLUMN_BORDER: Record<string, string> = {
-    GO:      '#b87333',
-    CONSULT: 'rgba(184, 115, 51, 0.6)',
-    WEED:    '#c8a032',
-    SPROUT:  '#4682c8',
-    FREEZE:  '#506eb4',
-    SEED:    '#3a3a3a',
-  };
+  // ── Design tokens — resolved at runtime from CSS custom properties ─────────
+  // resolveAccentRamp() reads --accent-primary so any user accent propagates
+  // into canvas paint calls without hardcoding a hue.
+
+  function resolveColors(el: Element) {
+    const cs = getComputedStyle(el);
+    const rv = (p: string, fb: string) => cs.getPropertyValue(p).trim() || fb;
+    const acc = resolveAccentRamp(el);
+    return {
+      bg:         rv('--color-bg-canvas',         '#121518'),
+      diskBg:     rv('--color-bg-app',             '#0a0b0c'),
+      diskBorder: rv('--border-default',           '#262b30'),
+      node:       rv('--color-bg-panel',           '#181c20'),
+      nodeBorder: acc.solid,
+      nodeText:   rv('--color-text-primary',       '#e7e9eb'),
+      edgeLine:   acc.solid,
+      edgeFade:   acc.alpha(0.3),
+      focus:      rv('--color-warning',            '#d8a23c'),
+      grid:       rv('--color-bg-panel',           '#181c20'),
+      selected:   acc.hi,
+      // column fills — accent for active states, fixed semantic for others
+      colFill: {
+        GO:      acc.alpha(0.35),
+        CONSULT: acc.alpha(0.18),
+        WEED:    'rgba(200, 160, 50, 0.22)',
+        SPROUT:  'rgba(70, 130, 200, 0.20)',
+        FREEZE:  'rgba(80, 110, 180, 0.16)',
+        SEED:    'rgba(42, 42, 42, 0.60)',
+      } as Record<string, string>,
+      colBorder: {
+        GO:      acc.solid,
+        CONSULT: acc.alpha(0.6),
+        WEED:    '#c8a032',
+        SPROUT:  '#4682c8',
+        FREEZE:  '#506eb4',
+        SEED:    '#3a3a3a',
+      } as Record<string, string>,
+    };
+  }
+
+  // Resolved lazily in onMount / on theme change.
+  let COLORS = $state<ReturnType<typeof resolveColors> | null>(null);
+  // Shims so existing draw code using COLUMN_FILL/COLUMN_BORDER still compiles.
+  let COLUMN_FILL: Record<string, string> = {};
+  let COLUMN_BORDER: Record<string, string> = {};
 
   const NODE_RADIUS = 4;
   const FONT = '11px var(--font-mono, monospace)';
 
+  // Resolve colors on mount and whenever --accent-primary might change.
+  // Using document.documentElement so the accent reflects the ThemeProvider seed.
+  $effect(() => {
+    function resolve() {
+      const c = resolveColors(document.documentElement);
+      COLORS = c;
+      COLUMN_FILL = c.colFill;
+      COLUMN_BORDER = c.colBorder;
+    }
+    resolve();
+    // Re-resolve if ThemeProvider emits a CSS variable change event (optional).
+    document.documentElement.addEventListener('kos-theme-change', resolve);
+    return () => document.documentElement.removeEventListener('kos-theme-change', resolve);
+  });
+
   // ── Render ──────────────────────────────────────────────────────────────────
 
   function render({ context }: { context: CanvasRenderingContext2D }) {
+    if (!COLORS) return; // not yet resolved after mount
     const r = diskRadius;
     const cx = diskCx, cy = diskCy;
 

package/dist/n2-manifold-disk/ManifoldDisk.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManifoldDisk.svelte.d.ts","sourceRoot":"","sources":["../../src/n2-manifold-disk/ManifoldDisk.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAOnE,2FAA2F;AAC3F,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,6FAA6F;IAC7F,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;CAChC;AA6SH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ManifoldDisk.svelte.d.ts","sourceRoot":"","sources":["../../src/n2-manifold-disk/ManifoldDisk.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAQnE,2FAA2F;AAC3F,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,6FAA6F;IAC7F,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;CAChC;AAwUH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/n4-adaptive-manifold/AdaptiveManifold.svelte

@@ -22,7 +22,7 @@
   } from './types.js';
   import { DEFAULT_LAYOUT_PREFERENCES } from './types.js';
   import { resolvePhaseTheme, DEFAULT_PHASE_THEME } from './phase-theme.js';
-  import { getCanvasTheme } from '../p0-primitives/canvas-theme';
+  import { getCanvasTheme, resolveAccentRamp } from '../p0-primitives/canvas-theme';
   import { LayoutOrchestrator } from './orchestrator.js';
   import { ManifoldProvider } from './providers/manifold-provider.js';
   import { GravitationalProvider } from './providers/gravitational-provider.js';
@@ -104,6 +104,7 @@
     edgeActive: getCanvasTheme().nodeBorder,
     pulseColor: getCanvasTheme().nodeBorder,
     pulseCritical: '#c0392b',
+    accentRamp: resolveAccentRamp(),
   });
 
   function resolveTokens(): void {
@@ -113,18 +114,21 @@
     const get = (prop: string, fallback: string) => cs.getPropertyValue(prop).trim() || fallback;
     colors = {
       canvasBg: get('--n4-canvas-bg', '#1a1a1a'),
-      nodeActive: get('--n4-node-border-selected', '#b87333'),
+      nodeActive: get('--n4-node-border-selected', '#888'),
       nodeIdle: get('--n4-node-text-muted', '#a09880'),
       nodeBlocked: get('--color-status-warning', '#f39c12'),
       nodeCompleted: get('--n4-node-text-muted', '#a09880'),
       nodeCritical: get('--color-status-error', '#c0392b'),
       nodeBg: get('--n4-node-bg', '#222'),
-      nodeBorder: get('--n4-node-border', 'rgba(184, 115, 51, 0.15)'),
-      nodeText: get('--n4-node-text', '#e8e0d0'),
-      edgeColor: get('--n4-edge-color', 'rgba(184, 115, 51, 0.25)'),
-      edgeActive: get('--n4-edge-color-active', '#b87333'),
-      pulseColor: get('--color-accent', '#b87333'),
+      nodeBorder: get('--n4-node-border', 'rgba(128,128,128,0.15)'),
+      nodeText: get('--n4-node-text', '#e7e9eb'),
+      edgeColor: get('--n4-edge-color', 'rgba(128,128,128,0.25)'),
+      edgeActive: get('--n4-edge-color-active', '#888'),
+      pulseColor: get('--color-accent', '#888'),
       pulseCritical: get('--color-status-error', '#c0392b'),
+      // accentRamp: resolve --accent-primary directly so inline canvas paint
+      // calls respond to the user's chosen accent without reading n4-token CSS.
+      accentRamp: resolveAccentRamp(containerEl),
     };
     phaseTheme = resolvePhaseTheme(containerEl);
   }
@@ -618,7 +622,7 @@
     const GRID = 22;
     const gridStartX = Math.floor(worldLeft  / GRID) * GRID;
     const gridStartY = Math.floor(worldTop   / GRID) * GRID;
-    context.fillStyle = 'rgba(184, 115, 51, 0.055)';
+    context.fillStyle = colors.accentRamp.alpha(0.055);
     for (let gx = gridStartX; gx < worldRight; gx += GRID) {
       for (let gy = gridStartY; gy < worldBottom; gy += GRID) {
         context.beginPath();
@@ -682,8 +686,8 @@
       const edgeStrength = (edge.metadata as Record<string, unknown>)?.strength as number | undefined ?? 0.5;
       context.save();
       context.strokeStyle = progress >= 1.0
-        ? `rgba(184, 115, 51, ${0.45 + edgeStrength * 0.35})`
-        : 'rgba(184, 115, 51, 0.30)';
+        ? colors.accentRamp.alpha(0.45 + edgeStrength * 0.35)
+        : colors.accentRamp.alpha(0.30);
       context.lineWidth = 1.5;
       // Permanently dashed when fully revealed — individual lines are traceable in dense graphs.
       // During reveal animation keep a solid growing stroke, then settle to dashes.
@@ -705,7 +709,7 @@
     const FLAG_R     = 3;
 
     const PRIORITY_COLORS: Record<string, string> = {
-      p0: '#c0392b', p1: '#b87333', p2: '#c8a84b', p3: '#4a4438',
+      p0: '#c0392b', p1: colors.accentRamp.solid, p2: '#c8a84b', p3: '#4a4438',
     };
 
     // ── Node rendering: LOD-aware ─────────────────────────────────────────────
@@ -728,7 +732,7 @@
       // ── Signals: always a small dot ─────────────────────────────────────
       if (node.kind === 'signal') {
         const sr = lodTier === 'overview' ? 3 : 5;
-        context.shadowColor = 'rgba(184, 115, 51, 0.4)';
+        context.shadowColor = colors.accentRamp.alpha(0.4);
         context.shadowBlur = isSelected ? 10 : 4;
         context.beginPath();
         context.arc(ncx, ncy, sr, 0, Math.PI * 2);
@@ -761,14 +765,14 @@
             context.beginPath();
             context.moveTo(ncx, ncy);
             context.lineTo(ncx - Math.cos(angle) * tailLen, ncy - Math.sin(angle) * tailLen);
-            context.strokeStyle = `rgba(184, 115, 51, 0.5)`;
+            context.strokeStyle = colors.accentRamp.alpha(0.5);
             context.lineWidth = 2;
             context.stroke();
           }
 
           context.beginPath();
           context.arc(ncx, ncy, r, 0, Math.PI * 2);
-          context.fillStyle = isActiveLoop ? 'rgba(184, 115, 51, 0.9)' : 'rgba(184, 115, 51, 0.4)';
+          context.fillStyle = isActiveLoop ? colors.accentRamp.alpha(0.9) : colors.accentRamp.alpha(0.4);
           context.fill();
           if (isSelected) {
             context.strokeStyle = colors.nodeActive;
@@ -993,7 +997,7 @@
             beginShape(context, 'hexagon',
               ncx - HEX_IND_W / 2 - P, ncy - HEX_IND_H / 2 - P,
               HEX_IND_W + 2 * P, HEX_IND_H + 2 * P);
-            context.strokeStyle = `rgba(184, 115, 51, ${alpha})`;
+            context.strokeStyle = colors.accentRamp.alpha(alpha);
             context.lineWidth = 2;
             context.stroke();
             break;
@@ -1007,7 +1011,7 @@
                 context.beginPath();
                 context.moveTo(ncx, ncy);
                 context.lineTo(tx, ty);
-                context.strokeStyle = `rgba(184, 115, 51, ${0.6 * phaseIntensity})`;
+                context.strokeStyle = colors.accentRamp.alpha(0.6 * phaseIntensity);
                 context.lineWidth = 1;
                 context.setLineDash([4, 4]);
                 context.stroke();
@@ -1044,7 +1048,7 @@
               }
               context.beginPath();
               context.arc(px, py, particleR, 0, Math.PI * 2);
-              context.fillStyle = `rgba(184, 115, 51, ${alpha})`;
+              context.fillStyle = colors.accentRamp.alpha(alpha);
               context.fill();
             }
             break;
@@ -1071,7 +1075,7 @@
           // Claimed: solid brass outline
           context.beginPath();
           context.roundRect(px - 3, py - 3, TASK_W + 6, TASK_H + 6, 6);
-          context.strokeStyle = `rgba(184, 115, 51, ${0.6 * phaseIntensity})`;
+          context.strokeStyle = colors.accentRamp.alpha(0.6 * phaseIntensity);
           context.lineWidth = 2;
           context.stroke();
         } else if (node.status === 'idle') {
@@ -1080,7 +1084,7 @@
           const alpha = phaseIntensity * (0.1 + 0.2 * Math.sin(pulsePhase * Math.PI * 2));
           context.beginPath();
           context.roundRect(px - 2, py - 2, TASK_W + 4, TASK_H + 4, 5);
-          context.strokeStyle = `rgba(184, 115, 51, ${alpha})`;
+          context.strokeStyle = colors.accentRamp.alpha(alpha);
           context.lineWidth = 1.5;
           context.stroke();
         }

package/dist/n4-adaptive-manifold/AdaptiveManifold.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveManifold.svelte.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/AdaptiveManifold.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACR,gBAAgB,EAEhB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EAGjB,kBAAkB,EAGnB,MAAM,YAAY,CAAC;AAapB,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmkCH,QAAA,MAAM,gBAAgB;;;;;MAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AdaptiveManifold.svelte.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/AdaptiveManifold.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACR,gBAAgB,EAEhB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EAGjB,kBAAkB,EAGnB,MAAM,YAAY,CAAC;AAapB,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAukCH,QAAA,MAAM,gBAAgB;;;;;MAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/n4-adaptive-manifold/types.d.ts

@@ -1,4 +1,5 @@
 import type { NodeLayout, LayoutResult } from '../n1-flow-canvas/types.js';
+import type { AccentRamp } from '../p0-primitives/canvas-theme.js';
 /** The active layout algorithm. Gravitational is the only registered provider. */
 export type LayoutAlgorithm = 'gravitational' | 'manifold';
 /** Visual treatment for nodes — maps to --n4-node-* design tokens. */
@@ -161,6 +162,8 @@ export interface ResolvedThemeColors {
     edgeActive: string;
     pulseColor: string;
     pulseCritical: string;
+    /** Runtime-derived accent ramp for inline canvas 2D paint calls. */
+    accentRamp: AccentRamp;
 }
 /** Inferred phase in the perceive-think-act-sync loop */
 export type LoopPhase = 'perceive' | 'think' | 'act' | 'sync' | 'idle';

package/dist/n4-adaptive-manifold/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/n4-adaptive-manifold/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAInE,kFAAkF;AAClF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,UAAU,CAAC;AAI3D,sEAAsE;AACtE,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,WAAW,GACX,UAAU,CAAC;AAIf,6FAA6F;AAC7F,MAAM,WAAW,YAAY;IAC3B,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,+EAA+E;IAC/E,IAAI,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;CACpF;AAED,wCAAwC;AACxC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,+EAA+E;AAC/E,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,aAAa,CAAC;CAC3C;AAID,kGAAkG;AAClG,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,KAAK,EAAE,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC3E,yEAAyE;IACzE,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAQ/D,iFAAiF;AACjF,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,yDAAyD;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,gBAAgB,GAChB,aAAa,GACb,QAAQ,CAAC;AAEb,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,EAAE,iBAKxC,CAAC;AAIF;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,QAAQ,CAAC,SAAS,EAAE,eAAe,CAAC;IAEpC;;;;OAIG;IACH,MAAM,CACJ,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,YAAY,CAAC,CAAC;CAC1B;AAID,yDAAyD;AACzD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,gFAAgF;AAChF,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,WAAW,EAAE,eAAe,CAAC;IAC7B,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,EAAE,KAAK,CAAC;QAAE,SAAS,EAAE,eAAe,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/D,iCAAiC;IACjC,OAAO,EAAE,eAAe,CAAC;CAC1B;AAID,iDAAiD;AACjD,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,uDAAuD;AACvD,MAAM,WAAW,cAAc;IAC7B,4CAA4C;IAC5C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,6DAA6D;AAC7D,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAI7C,4FAA4F;AAC5F,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAC;IAC3B,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,MAAM,EAAE,OAAO,CAAC;CACjB;AAID,iFAAiF;AACjF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,UAAU,EAAE,UAAU,CAAC;CACxB;AAID,yDAAyD;AACzD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvE;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,0BAA0B;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,gDAAgD;AAChD,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,mEAAmE;AACnE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,EAAE,EAAE,iBAAiB,CAAC;IACtB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,2DAA2D;AAC3D,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,uBAAuB,EAAE,MAAM,CAAC;IAChC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,mBAM1C,CAAC;AAEF,yDAAyD;AACzD,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,SAAS,EAAE,SAAS,CAAC;IACrB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAID,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/p0-primitives/ThemeProvider.svelte

@@ -33,6 +33,11 @@
     colorFgTertiary?: string;
 
     colorAccent?: string;
+    /** @deprecated Accent ramp fields ignored by ThemeProvider — the ramp is
+     *  derived from `colorAccent` via tokens.css color-mix. Palette fields
+     *  (Amber, Copper, Rust, Sage, Gold) below are still emitted directly as
+     *  --color-accent-* custom properties for source compatibility. Set only
+     *  `colorAccent` for the primary accent. */
     colorAccentHover?: string;
     colorAccentActive?: string;
     colorAccentSubtle?: string;
@@ -121,13 +126,29 @@
     if (t.colorFgInverse) vars.push(`--color-fg-inverse: ${t.colorFgInverse};`);
     if (t.colorFgTertiary) vars.push(`--color-fg-tertiary: ${t.colorFgTertiary};`);
 
-    if (t.colorAccent) vars.push(`--color-accent: ${t.colorAccent};`);
-    if (t.colorAccentHover) vars.push(`--color-accent-hover: ${t.colorAccentHover};`);
-    if (t.colorAccentActive) vars.push(`--color-accent-active: ${t.colorAccentActive};`);
-    if (t.colorAccentSubtle) vars.push(`--color-accent-subtle: ${t.colorAccentSubtle};`);
-    if (t.colorAccentGlow) vars.push(`--color-accent-glow: ${t.colorAccentGlow};`);
-    if (t.colorAccentMuted) vars.push(`--color-accent-muted: ${t.colorAccentMuted};`);
-    if (t.colorAccentFaint) vars.push(`--color-accent-faint: ${t.colorAccentFaint};`);
+    // Accent: emit the seed AND redeclare the full alias/ramp chain on this
+    // wrapper. CSS resolves var() in unregistered custom properties at computed-
+    // value time on the declaring element (:root). Without redeclaring the
+    // derived variables here, --color-accent etc. stay baked to the root seed
+    // even when --accent-primary is overridden on this wrapper.
+    if (t.colorAccent) {
+      vars.push(`--accent-primary: ${t.colorAccent};`);
+      vars.push(`--accent-hover: color-mix(in oklab, var(--accent-primary), #fff 16%);`);
+      vars.push(`--accent-active: color-mix(in oklab, var(--accent-primary), #000 22%);`);
+      vars.push(`--accent-glow: color-mix(in srgb, var(--accent-primary) 28%, transparent);`);
+      vars.push(`--accent-muted: color-mix(in srgb, var(--accent-primary) 16%, transparent);`);
+      vars.push(`--accent-subtle: color-mix(in srgb, var(--accent-primary) 8%, transparent);`);
+      vars.push(`--accent-faint: color-mix(in srgb, var(--accent-primary) 4%, transparent);`);
+      vars.push(`--color-accent: var(--accent-primary);`);
+      vars.push(`--color-accent-hover: var(--accent-hover);`);
+      vars.push(`--color-accent-active: var(--accent-active);`);
+      vars.push(`--color-accent-glow: var(--accent-glow);`);
+      vars.push(`--color-accent-muted: var(--accent-muted);`);
+      vars.push(`--color-accent-subtle: var(--accent-subtle);`);
+      vars.push(`--color-accent-faint: var(--accent-faint);`);
+      vars.push(`--color-accent-secondary: color-mix(in oklab, var(--accent-primary), #fff 26%);`);
+      vars.push(`--border-focus: var(--accent-primary);`);
+    }
     if (t.colorAccentAmber) vars.push(`--color-accent-amber: ${t.colorAccentAmber};`);
     if (t.colorAccentCopper) vars.push(`--color-accent-copper: ${t.colorAccentCopper};`);
     if (t.colorAccentRust) vars.push(`--color-accent-rust: ${t.colorAccentRust};`);

package/dist/p0-primitives/ThemeProvider.svelte.d.ts

@@ -26,6 +26,11 @@ export interface ThemeConfig {
     colorFgInverse?: string;
     colorFgTertiary?: string;
     colorAccent?: string;
+    /** @deprecated Accent ramp fields ignored by ThemeProvider — the ramp is
+     *  derived from `colorAccent` via tokens.css color-mix. Palette fields
+     *  (Amber, Copper, Rust, Sage, Gold) below are still emitted directly as
+     *  --color-accent-* custom properties for source compatibility. Set only
+     *  `colorAccent` for the primary accent. */
     colorAccentHover?: string;
     colorAccentActive?: string;
     colorAccentSubtle?: string;

package/dist/p0-primitives/ThemeProvider.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;KAQK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAqGH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;KAQK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;gDAI4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAqHH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/p0-primitives/canvas-theme.d.ts

@@ -8,6 +8,17 @@ interface QuaternionPalette {
     j: string;
     k: string;
 }
+/** Runtime-derived accent ramp. Values are pre-parsed for Canvas 2D use. */
+export interface AccentRamp {
+    /** Solid accent — e.g. "rgb(184 115 51)" — use for borders, active edges, cursors. */
+    solid: string;
+    /** Lighter variant (+16% toward white in OKLab approximation). */
+    hi: string;
+    /** Darker variant (-22% toward black). */
+    lo: string;
+    /** Return an rgba string at the given alpha (0–1). */
+    alpha: (a: number) => string;
+}
 interface CanvasTheme {
     bg: string;
     node: string;
@@ -19,11 +30,20 @@ interface CanvasTheme {
     focus: string;
     severity: SeverityPalette;
     quaternion: QuaternionPalette;
+    /** Accent ramp derived from the single seed (--accent-primary). */
+    accentRamp: AccentRamp;
 }
+/**
+ * Resolve the accent seed and return a canvas-ready AccentRamp.
+ * Reads --accent-primary from the target element's computed styles.
+ * Call once per frame (or on theme change) and cache the result.
+ */
+export declare function resolveAccentRamp(el?: Element): AccentRamp;
 /**
  * Get the current canvas theme by reading CSS custom properties.
  * This enables runtime theming for all canvas-based components.
+ * Pass a container element to resolve tokens scoped to a ThemeProvider.
  */
-export declare function getCanvasTheme(): CanvasTheme;
+export declare function getCanvasTheme(el?: Element): CanvasTheme;
 export type { CanvasTheme };
 //# sourceMappingURL=canvas-theme.d.ts.map

package/dist/p0-primitives/canvas-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-theme.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/canvas-theme.ts"],"names":[],"mappings":"AAWA,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,iBAAiB,CAAC;CAC/B;AAYD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAqB5C;AAED,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"canvas-theme.d.ts","sourceRoot":"","sources":["../../src/p0-primitives/canvas-theme.ts"],"names":[],"mappings":"AAaA,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,4EAA4E;AAC5E,MAAM,WAAW,UAAU;IACzB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,sDAAsD;IACtD,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9B;AAED,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,mEAAmE;IACnE,UAAU,EAAE,UAAU,CAAC;CACxB;AAqDD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,GAAE,OAAkC,GAAG,UAAU,CAKpF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,GAAE,OAAkC,GAAG,WAAW,CAwBlF;AAED,YAAY,EAAE,WAAW,EAAE,CAAC"}