@stephen-netu/design-system 0.2.0 → 0.2.2

package/dist/u0-primitives/surface-state/SurfaceState.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurfaceState.svelte.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/surface-state/SurfaceState.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1E,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmFH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/u0-primitives/toggle/Toggle.svelte

@@ -48,9 +48,9 @@
   </div>
 
   {#if label}
-    <span class="ds-toggle-label" onclick={toggle}>
+    <button type="button" class="ds-toggle-label" onclick={toggle} disabled={disabled}>
       {@render label()}
-    </span>
+    </button>
   {/if}
 </label>
 
@@ -105,11 +105,21 @@
 
   /* Label */
   .ds-toggle-label {
+    display: inline-flex;
+    align-items: center;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    font: inherit;
     font-family: var(--font-sans);
     color: var(--color-text-primary);
     cursor: pointer;
   }
 
+  .ds-toggle-label:disabled {
+    cursor: not-allowed;
+  }
+
   /* --- Sizes --- */
   
   .size-sm .ds-toggle-track {

package/dist/u0-primitives/tooltip/Tooltip.test.js

@@ -6,21 +6,21 @@ describe('Tooltip', () => {
     afterEach(() => cleanup());
     it('renders the trigger wrapper', async () => {
         const { container } = render(Tooltip, {
-            props: { content: 'tip', trigger: () => 'hover me' },
+            props: { content: 'tip', trigger: (() => '') },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         expect(wrapper).not.toBeNull();
     });
     it('does not show tooltip content initially', () => {
         const { container } = render(Tooltip, {
-            props: { content: 'secret tip', trigger: () => 'hover me' },
+            props: { content: 'secret tip', trigger: (() => '') },
         });
         expect(container.querySelector('.ds-tooltip-content')).toBeNull();
     });
     it('shows tooltip on mouse enter', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'hovered!', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'hovered!', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -33,7 +33,7 @@ describe('Tooltip', () => {
     it('hides tooltip on mouse leave', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'hovered!', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'hovered!', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -49,7 +49,7 @@ describe('Tooltip', () => {
     it('applies position class for top (default)', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'top tip', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'top tip', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -62,7 +62,7 @@ describe('Tooltip', () => {
     it('applies position class for bottom', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'bottom tip', position: 'bottom', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'bottom tip', position: 'bottom', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -75,7 +75,7 @@ describe('Tooltip', () => {
     it('applies position class for left', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'left tip', position: 'left', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'left tip', position: 'left', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -88,7 +88,7 @@ describe('Tooltip', () => {
     it('applies position class for right', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'right tip', position: 'right', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'right tip', position: 'right', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -101,7 +101,7 @@ describe('Tooltip', () => {
     it('renders string content inside tooltip inner', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'hello world', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'hello world', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -115,7 +115,7 @@ describe('Tooltip', () => {
     it('respects delayMs before showing', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'delayed', trigger: () => 'target', delayMs: 500 },
+            props: { content: 'delayed', trigger: (() => ''), delayMs: 500 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.mouseEnter(wrapper);
@@ -131,7 +131,7 @@ describe('Tooltip', () => {
     it('shows tooltip on focus', async () => {
         vi.useFakeTimers();
         const { container } = render(Tooltip, {
-            props: { content: 'focused!', trigger: () => 'target', delayMs: 0 },
+            props: { content: 'focused!', trigger: (() => ''), delayMs: 0 },
         });
         const wrapper = container.querySelector('.ds-tooltip-wrapper');
         await fireEvent.focusIn(wrapper);
@@ -143,7 +143,7 @@ describe('Tooltip', () => {
     });
     it('applies custom class to wrapper', () => {
         const { container } = render(Tooltip, {
-            props: { content: 'tip', trigger: () => 'target', class: 'my-tooltip' },
+            props: { content: 'tip', trigger: (() => ''), class: 'my-tooltip' },
         });
         expect(container.querySelector('.my-tooltip')).not.toBeNull();
     });

package/dist/v0-diagrams/MarkmapDiagram.test.js

@@ -0,0 +1,49 @@
+import { describe, it, expect, afterEach, beforeAll } from 'vitest';
+import { render, cleanup } from '@testing-library/svelte';
+import MarkmapDiagram from './MarkmapDiagram.svelte';
+// jsdom doesn't provide ResizeObserver — markmap-view needs it
+beforeAll(() => {
+    if (typeof globalThis.ResizeObserver === 'undefined') {
+        class ResizeObserverMock {
+            observe() { }
+            unobserve() { }
+            disconnect() { }
+        }
+        globalThis.ResizeObserver = ResizeObserverMock;
+    }
+});
+afterEach(() => {
+    cleanup();
+});
+describe('v0-diagrams/MarkmapDiagram', () => {
+    it('exports a valid Svelte component', () => {
+        expect(MarkmapDiagram).toBeDefined();
+        expect(typeof MarkmapDiagram).toBe('function');
+    });
+    it('renders diagram container with correct class', () => {
+        const spec = {
+            type: 'markmap',
+            source: '# Root\n## Child',
+        };
+        const { container } = render(MarkmapDiagram, { spec });
+        expect(container.querySelector('.v0-diagram')).not.toBeNull();
+        expect(container.querySelector('.v0-diagram--markmap')).not.toBeNull();
+    });
+    it('renders title when provided', () => {
+        const spec = {
+            type: 'markmap',
+            source: '# Root',
+            title: 'Mind Map',
+        };
+        const { container } = render(MarkmapDiagram, { spec });
+        expect(container.querySelector('.v0-diagram-title')?.textContent).toBe('Mind Map');
+    });
+    it('renders svg element', () => {
+        const spec = {
+            type: 'markmap',
+            source: '# Root',
+        };
+        const { container } = render(MarkmapDiagram, { spec });
+        expect(container.querySelector('svg')).not.toBeNull();
+    });
+});

package/dist/v0-diagrams/MermaidDiagram.svelte

@@ -1,11 +1,18 @@
 <script lang="ts">
-  import mermaid from 'mermaid';
   import type { DiagramSpec, RenderOptions } from './types';
 
-  mermaid.initialize({
-    securityLevel: 'strict',
-    startOnLoad: false,
-  });
+  let mermaidModule: typeof import('mermaid') | null = null;
+
+  async function getMermaid() {
+    if (!mermaidModule) {
+      mermaidModule = await import('mermaid');
+      mermaidModule.default.initialize({
+        securityLevel: 'strict',
+        startOnLoad: false,
+      });
+    }
+    return mermaidModule.default;
+  }
 
   let { spec, options = {} }: {
     spec: DiagramSpec;
@@ -19,9 +26,14 @@
   });
 
   async function renderDiagram(s: DiagramSpec, opts: RenderOptions) {
-    const id = `mermaid-${crypto.randomUUID()}`;
-    const { svg } = await mermaid.render(id, s.source);
-    svgContent = svg;
+    try {
+      const mermaid = await getMermaid();
+      const id = `mermaid-${crypto.randomUUID()}`;
+      const { svg } = await mermaid.render(id, s.source);
+      svgContent = svg;
+    } catch {
+      // mermaid.render may fail in non-browser environments (jsdom lacks getBBox)
+    }
   }
 </script>
 
@@ -35,7 +47,7 @@
 <style>
   .v0-diagram {
     background: var(--v0-diagram-bg);
-    border: 1px solid var(--v0-diagram-border);
+    border: var(--border-width-thin) solid var(--v0-diagram-border);
     border-radius: var(--radius-lg);
     padding: var(--v0-diagram-padding);
     overflow: auto;

package/dist/v0-diagrams/MermaidDiagram.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MermaidDiagram.svelte.d.ts","sourceRoot":"","sources":["../../src/v0-diagrams/MermaidDiagram.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAoCJ,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MermaidDiagram.svelte.d.ts","sourceRoot":"","sources":["../../src/v0-diagrams/MermaidDiagram.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAgDJ,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/v0-diagrams/MermaidDiagram.test.js

@@ -0,0 +1,40 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/svelte';
+import MermaidDiagram from './MermaidDiagram.svelte';
+afterEach(() => {
+    cleanup();
+});
+describe('v0-diagrams/MermaidDiagram', () => {
+    it('exports a valid Svelte component', () => {
+        expect(MermaidDiagram).toBeDefined();
+        expect(typeof MermaidDiagram).toBe('function');
+    });
+    it('renders diagram title when provided', () => {
+        const spec = {
+            type: 'mermaid',
+            source: 'graph TD; A-->B',
+            title: 'Test Diagram',
+        };
+        const { container } = render(MermaidDiagram, { spec });
+        const titleEl = container.querySelector('.v0-diagram-title');
+        expect(titleEl).not.toBeNull();
+        expect(titleEl?.textContent).toBe('Test Diagram');
+    });
+    it('does not render title when not provided', () => {
+        const spec = {
+            type: 'mermaid',
+            source: 'graph TD; A-->B',
+        };
+        const { container } = render(MermaidDiagram, { spec });
+        expect(container.querySelector('.v0-diagram-title')).toBeNull();
+    });
+    it('applies v0-diagram CSS class', () => {
+        const spec = {
+            type: 'mermaid',
+            source: 'graph TD; A-->B',
+        };
+        const { container } = render(MermaidDiagram, { spec });
+        expect(container.querySelector('.v0-diagram')).not.toBeNull();
+        expect(container.querySelector('.v0-diagram--mermaid')).not.toBeNull();
+    });
+});

package/package.json

@@ -1,25 +1,12 @@
 {
   "name": "@stephen-netu/design-system",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "KOS LEAP Design System — Neo-brutalist industrial UI with brass accent",
   "type": "module",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "scripts": {
-    "tokens:generate": "tsx scripts/generate-tokens-json.ts",
-    "prebuild": "pnpm tokens:generate",
-    "build": "svelte-package -i src -o dist",
-    "postbuild": "pnpm tokens:generate",
-    "changeset": "changeset",
-    "version": "changeset version",
-    "release": "pnpm build && changeset publish",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "check:vite-pin": "node -e \"const v=require('./package.json').devDependencies.vite;if(v!=='5.4.21'){console.error('vite pin violated: found '+v+', must stay at 5.4.21 (LEAP workspace standard — see LEAP/pnpm-workspace.yaml before bumping)');process.exit(1)}\""
-  },
   "files": [
     "dist/**/*.svelte",
     "dist/**/*.svelte.js",
@@ -50,9 +37,14 @@
       "svelte": "./dist/u0-primitives/index.js",
       "default": "./dist/u0-primitives/index.js"
     },
+    "./u0-primitives/surface-state/SurfaceState.svelte": "./dist/u0-primitives/surface-state/SurfaceState.svelte",
     "./u0-primitives/badge/ValidityBadge.svelte": "./dist/u0-primitives/badge/ValidityBadge.svelte",
     "./u0-primitives/badge/validity-utils": "./dist/u0-primitives/badge/validity-utils.js",
     "./l0-layout": "./dist/l0-layout/index.js",
+    "./l0-layout/kanban": "./dist/l0-layout/kanban/index.js",
+    "./l0-layout/kanban/KanbanBoard.svelte": "./dist/l0-layout/kanban/KanbanBoard.svelte",
+    "./l0-layout/kanban/KanbanColumn.svelte": "./dist/l0-layout/kanban/KanbanColumn.svelte",
+    "./l0-layout/kanban/KanbanCard.svelte": "./dist/l0-layout/kanban/KanbanCard.svelte",
     "./l0-layout/block-writer": "./dist/l0-layout/block-writer/index.js",
     "./l0-layout/grove": "./dist/l0-layout/grove/index.js",
     "./l0-layout/grant": "./dist/l0-layout/grant/index.js",
@@ -69,14 +61,23 @@
     "./s0-lifecycle": "./dist/s0-lifecycle/index.js",
     "./s0-state": "./dist/s0-state/index.js",
     "./t0-transport": "./dist/t0-transport/index.js",
+    "./t0-transport/substrate": {
+      "types": "./dist/t0-transport/substrate.svelte.d.ts",
+      "default": "./dist/t0-transport/substrate.svelte.js"
+    },
     "./f0-forms": "./dist/f0-forms/index.js",
     "./d0-data-viz": "./dist/d0-data-viz/index.js",
+    "./epistemic": "./dist/epistemic/index.js",
+    "./epistemic/types": "./dist/epistemic/types.js",
+    "./epistemic/utils": "./dist/epistemic/utils.js",
     "./n0-node-graph": "./dist/n0-node-graph/index.js",
     "./n1-flow-canvas": "./dist/n1-flow-canvas/index.js",
     "./n2-manifold-disk": "./dist/n2-manifold-disk/index.js",
     "./n3-force-graph": "./dist/n3-force-graph/index.js",
     "./n4-adaptive-manifold": "./dist/n4-adaptive-manifold/index.js",
     "./n4-tokens.css": "./dist/n4-adaptive-manifold/n4-tokens.css",
+    "./platform": "./dist/platform/index.js",
+    "./platform/hud-protocol": "./dist/platform/hud-protocol.js",
     "./v0-diagrams": "./dist/v0-diagrams/index.js",
     "./g0-generative": "./dist/g0-generative/index.js",
     "./entity-graph-view": "./dist/entity-graph-view/index.js",
@@ -106,7 +107,7 @@
     "./fabric/navigation/ActivityRail.svelte": "./dist/fabric/navigation/ActivityRail.svelte",
     "./fabric/data": "./dist/fabric/data/index.js",
     "./fabric/input": "./dist/fabric/input/index.js",
-    "./fabric/input/CommandBar.svelte": "./dist/fabric/input/CommandBar.svelte",
+    "./fabric/input/AppHeaderBar.svelte": "./dist/fabric/input/AppHeaderBar.svelte",
     "./fabric/input/KeyboardShortcuts.svelte": "./dist/fabric/input/KeyboardShortcuts.svelte",
     "./fabric/feedback": "./dist/fabric/feedback/index.js",
     "./fabric/feedback/ToastContainer.svelte": "./dist/fabric/feedback/ToastContainer.svelte",
@@ -120,15 +121,20 @@
   ],
   "peerDependencies": {
     "@tauri-apps/api": "^2",
+    "@tauri-apps/plugin-fs": "^2",
     "svelte": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "@tauri-apps/api": {
       "optional": true
+    },
+    "@tauri-apps/plugin-fs": {
+      "optional": true
     }
   },
   "dependencies": {
     "@chenglou/pretext": "^0.0.5",
+    "@lucide/svelte": "^1.17.0",
     "@codemirror/autocomplete": "^6.18.0",
     "@codemirror/commands": "^6.10.0",
     "@codemirror/lang-markdown": "^6.2.0",
@@ -137,7 +143,7 @@
     "@codemirror/lint": "^6.8.0",
     "@codemirror/search": "^6.6.0",
     "@codemirror/state": "6.6.0",
-    "@codemirror/view": "6.40.0",
+    "@codemirror/view": "^6.43.0",
     "codemirror": "^6.0.1",
     "d3-force": "^3.0.0",
     "elkjs": "^0.9.3",
@@ -145,16 +151,19 @@
     "graphology": "^0.25.4",
     "graphology-types": "^0.24.7",
     "leaflet": "^1.9.4",
+    "markmap-lib": "^0.18.0",
+    "markmap-view": "^0.18.0",
+    "mermaid": "^11.0.0",
     "perfect-arrows": "^0.3.7",
-    "svelte-canvas": "^2.1.0",
-    "tsx": "^4.22.4"
+    "svelte-canvas": "^2.1.0"
   },
   "devDependencies": {
     "@changesets/cli": "^2.31.0",
-    "@lucide/svelte": "^1.17.0",
     "@playwright/test": "^1.60.0",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.4",
+    "@tauri-apps/api": "^2.8.0",
+    "@tauri-apps/plugin-fs": "^2.0.0",
     "@testing-library/dom": "9.3.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "5.3.1",
@@ -164,11 +173,9 @@
     "@types/d3-force": "^3.0.10",
     "@types/leaflet": "^1.9.21",
     "jsdom": "^29.1.1",
-    "markmap-lib": "^0.18.0",
-    "markmap-view": "^0.18.0",
-    "mermaid": "^11.0.0",
     "svelte": "^5.55.0",
     "svelte-check": "^4.4.8",
+    "tsx": "^4.22.4",
     "typescript": "^5.9.3",
     "vite": "5.4.21",
     "vitest": "^1.6.1"
@@ -186,5 +193,25 @@
     "dark-theme"
   ],
   "author": "Stephen Netu",
-  "license": "MIT"
-}
+  "license": "MIT",
+  "scripts": {
+    "tokens:generate": "tsx scripts/generate-tokens-json.ts",
+    "prebuild": "pnpm tokens:generate",
+    "build": "svelte-package -i src -o dist",
+    "postbuild": "pnpm tokens:generate",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "pnpm build && changeset publish",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "test": "vitest run",
+    "test:e2e": "playwright test",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "check:layers": "node scripts/checks/import-graph.mjs",
+    "check:tokens": "node scripts/checks/token-audit.mjs",
+    "check:exports": "node scripts/checks/check-exports.mjs",
+    "check:all": "pnpm check && pnpm check:layers && pnpm check:tokens && pnpm check:vite-pin",
+    "check:vite-pin": "node -e \"const v=require('./package.json').devDependencies.vite;if(v!=='5.4.21'){console.error('vite pin violated: found '+v+', must stay at 5.4.21 (LEAP workspace standard — see LEAP/pnpm-workspace.yaml before bumping)');process.exit(1)}\""
+  }
+}

package/src/n4-adaptive-manifold/n4-tokens.css

@@ -66,10 +66,10 @@
 
   /* ── Kind accents (overridden by consuming apps) ───────────────────────── */
   --n4-kind-task: var(--color-accent, #b87333);
-  --n4-kind-agent: var(--color-expert-sovereign, #b87333);
+  --n4-kind-agent: var(--expert-sovereign, #b87333);
   --n4-kind-signal: var(--color-status-info, #2980b9);
   --n4-kind-capability: var(--color-accent-secondary, #d4a574);
-  --n4-kind-intent: var(--color-expert-atelier, #b87333);
+  --n4-kind-intent: var(--expert-atelier, #b87333);
   --n4-kind-subtask: color-mix(in srgb, var(--color-accent, #b87333) 60%, transparent);
   --n4-kind-note: var(--color-text-primary, #e8e0d0);
   --n4-kind-concept: var(--color-accent-secondary, #d4a574);

package/src/p0-primitives/tokens/tokens.css

@@ -28,14 +28,22 @@
   --color-card-text-secondary: #a8a08c;
   --color-card-text-tertiary: #6b6558;
 
-  /* --- Accent (default: brass, user-controllable via --accent-*) --- */
-  --color-accent: var(--accent-primary, #b87333);
-  --color-accent-hover: var(--accent-hover, #d4892f);
-  --color-accent-active: var(--accent-active, #8a5526);
-   --color-accent-glow: var(--accent-glow, rgba(184, 115, 51, 0.28));
-   --color-accent-muted: var(--accent-muted, rgba(184, 115, 51, 0.16));
-   --color-accent-subtle: var(--accent-subtle, rgba(184, 115, 51, 0.08));
-   --color-accent-faint: var(--accent-faint, rgba(184, 115, 51, 0.04));
+   /* --- Accent (default: brass, user-controllable via --accent-*) --- */
+   --accent-primary: #b87333;
+   --accent-hover: #d4892f;
+   --accent-active: #8a5526;
+   --accent-glow: rgba(184, 115, 51, 0.28);
+   --accent-muted: rgba(184, 115, 51, 0.16);
+   --accent-subtle: rgba(184, 115, 51, 0.08);
+   --accent-faint: rgba(184, 115, 51, 0.04);
+   --color-accent: var(--accent-primary);
+   --color-accent-hover: var(--accent-hover);
+   --color-accent-active: var(--accent-active);
+   --color-accent-glow: var(--accent-glow);
+   --color-accent-muted: var(--accent-muted);
+   --color-accent-subtle: var(--accent-subtle);
+   --color-accent-faint: var(--accent-faint);
+   --color-accent-secondary: #d4a574;  /* Companion warm tone (n4 kind colors) */
 
    /* Overlay levels — white opacity ramps for borders, backgrounds, hover states */
    --overlay-white-02: rgba(255, 255, 255, 0.02);
@@ -59,9 +67,10 @@
    --overlay-accent-50: rgba(184, 115, 51, 0.50);
    --overlay-accent-55: rgba(184, 115, 51, 0.55);
 
-   /* Overlay levels — status color opacity ramps */
-   --overlay-success-06: rgba(79, 168, 162, 0.06);
-   --overlay-error-06: rgba(193, 74, 74, 0.06);
+    /* Overlay levels — status color opacity ramps */
+    --overlay-success-06: rgba(79, 168, 162, 0.06);
+    --overlay-warning-06: rgba(245, 192, 48, 0.06);
+    --overlay-error-06: rgba(193, 74, 74, 0.06);
 
    /* Cell background for band/offer tables */
    --color-bg-cell: #121518;
@@ -78,7 +87,9 @@
   --color-success: #4fa8a2;
   --color-warning: #d4a04c;
   --color-error: #c14a4a;
+  --color-error-bg: rgba(193, 74, 74, 0.10);
   --color-info: #5b8db8;
+  --color-neutral: #6b6558;            /* Inactive / archival (e.g. compost phase) */
 
   /* --- Semantic (presence) --- */
   --color-online: #4fa8a2;

package/src/p0-primitives/tokens/tokens.json

@@ -26,13 +26,16 @@
       "glow": "var(--color-accent-glow)",
       "muted": "var(--color-accent-muted)",
       "subtle": "var(--color-accent-subtle)",
-      "faint": "var(--color-accent-faint)"
+      "faint": "var(--color-accent-faint)",
+      "secondary": "var(--color-accent-secondary)"
     },
     "status": {
       "success": "var(--color-success)",
       "warning": "var(--color-warning)",
       "error": "var(--color-error)",
-      "info": "var(--color-info)"
+      "errorBg": "var(--color-error-bg)",
+      "info": "var(--color-info)",
+      "neutral": "var(--color-neutral)"
     },
     "semantic": {
       "online": "var(--color-online)",
@@ -133,6 +136,13 @@
     "color_bg_inset": "var(--color-bg-inset)",
     "color_bg_root": "var(--color-bg-root)",
     "color_card_border": "var(--color-card-border)",
+    "accent_primary": "var(--accent-primary)",
+    "accent_hover": "var(--accent-hover)",
+    "accent_active": "var(--accent-active)",
+    "accent_glow": "var(--accent-glow)",
+    "accent_muted": "var(--accent-muted)",
+    "accent_subtle": "var(--accent-subtle)",
+    "accent_faint": "var(--accent-faint)",
     "overlay_white_02": "var(--overlay-white-02)",
     "overlay_white_03": "var(--overlay-white-03)",
     "overlay_white_04": "var(--overlay-white-04)",
@@ -152,6 +162,7 @@
     "overlay_accent_50": "var(--overlay-accent-50)",
     "overlay_accent_55": "var(--overlay-accent-55)",
     "overlay_success_06": "var(--overlay-success-06)",
+    "overlay_warning_06": "var(--overlay-warning-06)",
     "overlay_error_06": "var(--overlay-error-06)",
     "color_bg_cell": "var(--color-bg-cell)",
     "color_cyan": "var(--color-cyan)",

package/dist/b0-app-shell/command-bar/CommandBar.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandBar.svelte.d.ts","sourceRoot":"","sources":["../../../src/b0-app-shell/command-bar/CommandBar.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;GAYG;AAEH,UAAU,KAAK;IACb,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkJH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/fabric/input/CommandBar.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandBar.svelte.d.ts","sourceRoot":"","sources":["../../../src/fabric/input/CommandBar.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;GAQG;AACH,MAAM,WAAW,KAAK;IACpB,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6CAA6C;IAC7C,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAoBH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/stores/vaultStore.svelte

@@ -1,14 +0,0 @@
-<script lang="ts" module>
-// Stub implementation for vault store
-export const vaultStore = {
-    async hasFileChangedExternally(_path: string): Promise<boolean> {
-        return false;
-    },
-    async getFileModifiedTime(_path: string): Promise<number> {
-        return Date.now();
-    },
-    updateFileState(_path: string, _content: string, _modifiedAt: number): void {
-        // Stub
-    }
-};
-</script>

package/dist/stores/vaultStore.svelte.d.ts

@@ -1,24 +0,0 @@
-export declare const vaultStore: {
-    hasFileChangedExternally(_path: string): Promise<boolean>;
-    getFileModifiedTime(_path: string): Promise<number>;
-    updateFileState(_path: string, _content: string, _modifiedAt: number): void;
-};
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const VaultStore: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type VaultStore = InstanceType<typeof VaultStore>;
-export default VaultStore;
-//# sourceMappingURL=vaultStore.svelte.d.ts.map

package/dist/stores/vaultStore.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vaultStore.svelte.d.ts","sourceRoot":"","sources":["../../src/stores/vaultStore.svelte.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;oCACmB,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;+BAG9B,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;2BAGlC,MAAM,YAAY,MAAM,eAAe,MAAM,GAAG,IAAI;CAG9E,CAAC;AAKF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,UAAU;;kBAA+E,CAAC;AAC9E,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}

package/dist/tauri/index.d.ts

@@ -1,3 +0,0 @@
-export declare function readFile(path: string): Promise<string>;
-export declare function writeFile(path: string, content: string): Promise<void>;
-//# sourceMappingURL=index.d.ts.map

package/dist/tauri/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tauri/index.ts"],"names":[],"mappings":"AAGA,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAI5D;AAED,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAG5E"}

package/dist/tauri/index.js

@@ -1,11 +0,0 @@
-// Stub implementations for Tauri file operations
-// In a real Tauri environment, these would use @tauri-apps/api/fs
-export async function readFile(path) {
-    // Stub: In real implementation, use Tauri fs.readTextFile
-    console.warn('readFile stub called for', path);
-    return '';
-}
-export async function writeFile(path, content) {
-    // Stub: In real implementation, use Tauri fs.writeTextFile
-    console.warn('writeFile stub called for', path);
-}