mastermind-md 0.1.0

package/dist/ui/assets/jsx-runtime-BrnrUjgG.js

@@ -0,0 +1 @@
+import{r as e}from"./react-DoK4WR2u.js";var t=e((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),n=e(((e,n)=>{n.exports=t()}));export{n as t};

package/dist/ui/assets/react-DoK4WR2u.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),u=o((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.consumer`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.for(`react.activity`),p=Symbol.iterator;function m(e){return typeof e!=`object`||!e?null:(e=p&&e[p]||e[`@@iterator`],typeof e==`function`?e:null)}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,_={};function v(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function y(){}y.prototype=v.prototype;function b(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}var x=b.prototype=new y;x.constructor=b,g(x,v.prototype),x.isPureReactComponent=!0;var S=Array.isArray;function C(){}var w={H:null,A:null,T:null,S:null},T=Object.prototype.hasOwnProperty;function E(e,n,r){var i=r.ref;return{$$typeof:t,type:e,key:n,ref:i===void 0?null:i,props:r}}function D(e,t){return E(e.type,t,e.props)}function O(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function k(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var A=/\/+/g;function j(e,t){return typeof e==`object`&&e&&e.key!=null?k(``+e.key):t.toString(36)}function M(e){switch(e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason;default:switch(typeof e.status==`string`?e.then(C,C):(e.status=`pending`,e.then(function(t){e.status===`pending`&&(e.status=`fulfilled`,e.value=t)},function(t){e.status===`pending`&&(e.status=`rejected`,e.reason=t)})),e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason}}throw e}function N(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`bigint`:case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0;break;case d:return c=e._init,N(c(e._payload),r,i,a,o)}}if(c)return o=o(e),c=a===``?`.`+j(e,0):a,S(o)?(i=``,c!=null&&(i=c.replace(A,`$&/`)+`/`),N(o,r,i,``,function(e){return e})):o!=null&&(O(o)&&(o=D(o,i+(o.key==null||e&&e.key===o.key?``:(``+o.key).replace(A,`$&/`)+`/`)+c)),r.push(o)),1;c=0;var l=a===``?`.`:a+`:`;if(S(e))for(var u=0;u<e.length;u++)a=e[u],s=l+j(a,u),c+=N(a,r,i,s,o);else if(u=m(e),typeof u==`function`)for(e=u.call(e),u=0;!(a=e.next()).done;)a=a.value,s=l+j(a,u++),c+=N(a,r,i,s,o);else if(s===`object`){if(typeof e.then==`function`)return N(M(e),r,i,a,o);throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`)}return c}function P(e,t,n){if(e==null)return e;var r=[],i=0;return N(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function F(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var I=typeof reportError==`function`?reportError:function(e){if(typeof window==`object`&&typeof window.ErrorEvent==`function`){var t=new window.ErrorEvent(`error`,{bubbles:!0,cancelable:!0,message:typeof e==`object`&&e&&typeof e.message==`string`?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process==`object`&&typeof process.emit==`function`){process.emit(`uncaughtException`,e);return}console.error(e)},L={map:P,forEach:function(e,t,n){P(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return P(e,function(){t++}),t},toArray:function(e){return P(e,function(e){return e})||[]},only:function(e){if(!O(e))throw Error(`React.Children.only expected to receive a single React element child.`);return e}};e.Activity=f,e.Children=L,e.Component=v,e.Fragment=r,e.Profiler=a,e.PureComponent=b,e.StrictMode=i,e.Suspense=l,e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=w,e.__COMPILER_RUNTIME={__proto__:null,c:function(e){return w.H.useMemoCache(e)}},e.cache=function(e){return function(){return e.apply(null,arguments)}},e.cacheSignal=function(){return null},e.cloneElement=function(e,t,n){if(e==null)throw Error(`The argument must be a React element, but you passed `+e+`.`);var r=g({},e.props),i=e.key;if(t!=null)for(a in t.key!==void 0&&(i=``+t.key),t)!T.call(t,a)||a===`key`||a===`__self`||a===`__source`||a===`ref`&&t.ref===void 0||(r[a]=t[a]);var a=arguments.length-2;if(a===1)r.children=n;else if(1<a){for(var o=Array(a),s=0;s<a;s++)o[s]=arguments[s+2];r.children=o}return E(e.type,i,r)},e.createContext=function(e){return e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:o,_context:e},e},e.createElement=function(e,t,n){var r,i={},a=null;if(t!=null)for(r in t.key!==void 0&&(a=``+t.key),t)T.call(t,r)&&r!==`key`&&r!==`__self`&&r!==`__source`&&(i[r]=t[r]);var o=arguments.length-2;if(o===1)i.children=n;else if(1<o){for(var s=Array(o),c=0;c<o;c++)s[c]=arguments[c+2];i.children=s}if(e&&e.defaultProps)for(r in o=e.defaultProps,o)i[r]===void 0&&(i[r]=o[r]);return E(e,a,i)},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:c,render:e}},e.isValidElement=O,e.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:F}},e.memo=function(e,t){return{$$typeof:u,type:e,compare:t===void 0?null:t}},e.startTransition=function(e){var t=w.T,n={};w.T=n;try{var r=e(),i=w.S;i!==null&&i(n,r),typeof r==`object`&&r&&typeof r.then==`function`&&r.then(C,I)}catch(e){I(e)}finally{t!==null&&n.types!==null&&(t.types=n.types),w.T=t}},e.unstable_useCacheRefresh=function(){return w.H.useCacheRefresh()},e.use=function(e){return w.H.use(e)},e.useActionState=function(e,t,n){return w.H.useActionState(e,t,n)},e.useCallback=function(e,t){return w.H.useCallback(e,t)},e.useContext=function(e){return w.H.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e,t){return w.H.useDeferredValue(e,t)},e.useEffect=function(e,t){return w.H.useEffect(e,t)},e.useEffectEvent=function(e){return w.H.useEffectEvent(e)},e.useId=function(){return w.H.useId()},e.useImperativeHandle=function(e,t,n){return w.H.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return w.H.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return w.H.useLayoutEffect(e,t)},e.useMemo=function(e,t){return w.H.useMemo(e,t)},e.useOptimistic=function(e,t){return w.H.useOptimistic(e,t)},e.useReducer=function(e,t,n){return w.H.useReducer(e,t,n)},e.useRef=function(e){return w.H.useRef(e)},e.useState=function(e){return w.H.useState(e)},e.useSyncExternalStore=function(e,t,n){return w.H.useSyncExternalStore(e,t,n)},e.useTransition=function(){return w.H.useTransition()},e.version=`19.2.7`})),d=o(((e,t)=>{t.exports=u()})),f=l(d(),1),p=e=>{let t,n=new Set,r=(e,r)=>{let i=typeof e==`function`?e(t):e;if(!Object.is(i,t)){let e=t;t=r??(typeof i!=`object`||!i)?i:Object.assign({},t,i),n.forEach(n=>n(t,e))}},i=()=>t,a={setState:r,getState:i,getInitialState:()=>o,subscribe:e=>(n.add(e),()=>n.delete(e))},o=t=e(r,i,a);return a},m=(e=>e?p(e):p),h=e=>e;function g(e,t=h){let n=f.useSyncExternalStore(e.subscribe,f.useCallback(()=>t(e.getState()),[e,t]),f.useCallback(()=>t(e.getInitialState()),[e,t]));return f.useDebugValue(n),n}var _=e=>{let t=m(e),n=e=>g(t,e);return Object.assign(n,t),n},v=(e=>e?_(e):_);export{l as a,s as i,d as n,o as r,v as t};

package/dist/ui/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mastermind</title>
+    <link id="theme-tokens" rel="stylesheet" href="/themes/grid/tokens.css" />
+    <script type="module" crossorigin src="/assets/index-cMAuoyhV.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/react-DoK4WR2u.js">
+    <link rel="modulepreload" crossorigin href="/assets/jsx-runtime-BrnrUjgG.js">
+    <link rel="stylesheet" crossorigin href="/assets/index-Bhf9eUP2.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "mastermind-md",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Review Markdown with your coding agent — local-first, CriticMarkup review loop, bilingual, the file is the protocol",
+  "license": "MIT",
+  "author": "Kevin Ding <kevincentding@gmail.com>",
+  "homepage": "https://github.com/Jingquank/Mastermind#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Jingquank/Mastermind.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Jingquank/Mastermind/issues"
+  },
+  "keywords": [
+    "markdown",
+    "review",
+    "criticmarkup",
+    "ai-agents",
+    "claude",
+    "cli",
+    "bilingual",
+    "local-first"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "bin": {
+    "mastermind": "bin/mastermind.js",
+    "mastermind-md": "bin/mastermind.js"
+  },
+  "files": [
+    "dist/",
+    "bin/",
+    "themes/",
+    ".claude/skills/",
+    "assets/agent/",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && vite build && tsup",
+    "dev": "concurrently -k \"MASTERMIND_PORT=5199 tsx watch src/server/index.ts\" \"vite\"",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc -p tsconfig.json && tsc -p tsconfig.node.json",
+    "prepare": "npm run build",
+    "prepack": "npm run build"
+  },
+  "dependencies": {
+    "@codemirror/lang-markdown": "^6.5.0",
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.43.1",
+    "@hono/node-server": "^2.0.4",
+    "@lezer/highlight": "^1.2.3",
+    "@radix-ui/react-icons": "^1.3.2",
+    "chokidar": "^5.0.0",
+    "codemirror": "^6.0.2",
+    "commander": "^15.0.0",
+    "diff": "^9.0.0",
+    "hono": "^4.12.25",
+    "mdast-util-to-markdown": "^2.1.2",
+    "radix-ui": "^1.5.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-stringify": "^11.0.0",
+    "slot-text": "^0.2.2",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.1.0",
+    "zustand": "^5.0.14"
+  },
+  "devDependencies": {
+    "@types/mdast": "^4.0.4",
+    "@types/node": "^25.9.3",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@types/unist": "^3.0.3",
+    "@vitejs/plugin-react": "^6.0.2",
+    "concurrently": "^10.0.3",
+    "jsdom": "^29.1.1",
+    "tsup": "^8.5.1",
+    "tsx": "^4.22.4",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8"
+  }
+}

package/themes/carbon/theme.json

@@ -0,0 +1,11 @@
+{
+  "id": "carbon",
+  "name": "Carbon",
+  "appearance": "dark",
+  "fonts": [
+    { "family": "Schibsted Grotesk", "src": "/themes/grid/fonts/SchibstedGrotesk-Variable.woff2", "weight": "400 900" },
+    { "family": "Geist Mono", "src": "/themes/grid/fonts/GeistMono-Variable.woff2", "weight": "100 900" }
+  ],
+  "grain": { "enabled": false },
+  "swatch": { "bg": "#08090a", "ink": "#9a9ca0", "accent": "#7c93b0" }
+}

package/themes/carbon/tokens.css

@@ -0,0 +1,67 @@
+[data-theme='carbon'] {
+  /* Carbon (near-black, steel blue-gray).
+     v0.4: Radix-rigor 12-step OKLCH scales (anchored to the v0.3 Swiss values),
+     with semantic tokens mapped onto the steps. Marks stay hand-tuned. */
+
+  /* ---- Layer 1: raw scales (values differ per theme) ---- */
+  --gray-1: oklch(0.139 0.003 246.256);
+  --gray-2: oklch(0.187 0.006 271.067);
+  --gray-3: oklch(0.209 0.006 254.388);
+  --gray-4: oklch(0.232 0.006 254.388);
+  --gray-5: oklch(0.254 0.006 254.388);
+  --gray-6: oklch(0.276 0.008 264.438);
+  --gray-7: oklch(0.331 0.006 254.388);
+  --gray-8: oklch(0.386 0.006 254.388);
+  --gray-9: oklch(0.44 0.006 254.388);
+  --gray-10: oklch(0.495 0.007 255.514);
+  --gray-11: oklch(0.692 0.006 264.522);
+  --gray-12: oklch(0.958 0.002 247.84);
+  --accent-1: oklch(0.205 0.005 254.388);
+  --accent-2: oklch(0.245 0.008 254.388);
+  --accent-3: oklch(0.3 0.014 254.388);
+  --accent-4: oklch(0.36 0.02 254.388);
+  --accent-5: oklch(0.42 0.027 254.388);
+  --accent-6: oklch(0.485 0.034 254.388);
+  --accent-7: oklch(0.56 0.04 254.388);
+  --accent-8: oklch(0.65 0.046 254.388);
+  --accent-9: oklch(0.656 0.051 254.388);
+  --accent-10: oklch(0.74 0.049 254.388);
+  --accent-11: oklch(0.77 0.043 256.264);
+  --accent-12: oklch(0.93 0.038 254.388);
+
+  /* ---- Layer 2: semantic mapping (identical names across all themes) ---- */
+  --color-bg: var(--gray-1);
+  --color-bg-elevated: var(--gray-2);
+  --color-text: var(--gray-12);
+  --color-text-muted: var(--gray-11);
+  --color-text-faint: var(--gray-10);
+  --color-border: var(--gray-6);
+  --color-border-hover: var(--gray-7);
+  --color-accent: var(--accent-9);
+  --color-accent-dim: var(--accent-11);
+  --color-on-accent: #0a0e14;
+  --color-cta-bg: var(--accent-9);
+  --color-cta-text: #0a0e14;
+  --focus-ring: var(--accent-8);
+  --color-selection: color-mix(in oklab, var(--color-text) 16%, transparent);
+  --color-accent-surface: color-mix(in oklab, var(--color-accent) 16%, transparent);
+  --color-invert-bg: #f4f4f1;
+  --color-invert-bg-elevated: #ffffff;
+  --color-invert-text: #141414;
+  --color-invert-text-muted: rgba(20, 20, 20, 0.62);
+  --color-invert-border: rgba(20, 20, 20, 0.14);
+
+  /* ---- Layer 3: review / mark semantics (hand-tuned, de-conflicted from accent) ---- */
+  --review-insert-text: #4fc76e;
+  --review-insert-bg: rgba(79, 199, 110, 0.16);
+  --review-insert-border: #4fc76e;
+  --review-delete-text: #f0664a;
+  --review-delete-bg: rgba(240, 102, 74, 0.16);
+  --review-delete-border: rgba(240, 102, 74, 0.5);
+  --review-highlight-bg: rgba(232, 190, 58, 0.2);
+  --review-highlight-border: rgba(232, 190, 58, 0.55);
+  --review-comment-anchor: #c9a8ff;
+  --review-comment-active-bg: rgba(201, 168, 255, 0.16);
+
+  color-scheme: dark;
+}

package/themes/cobalt/theme.json

@@ -0,0 +1,11 @@
+{
+  "id": "cobalt",
+  "name": "Cobalt",
+  "appearance": "light",
+  "fonts": [
+    { "family": "Schibsted Grotesk", "src": "/themes/grid/fonts/SchibstedGrotesk-Variable.woff2", "weight": "400 900" },
+    { "family": "Geist Mono", "src": "/themes/grid/fonts/GeistMono-Variable.woff2", "weight": "100 900" }
+  ],
+  "grain": { "enabled": false },
+  "swatch": { "bg": "#fcfcfa", "ink": "#66665f", "accent": "#2f6df0" }
+}

package/themes/cobalt/tokens.css

@@ -0,0 +1,67 @@
+[data-theme='cobalt'] {
+  /* Cobalt (light, electric blue).
+     v0.4: Radix-rigor 12-step OKLCH scales (anchored to the v0.3 Swiss values),
+     with semantic tokens mapped onto the steps. Marks stay hand-tuned. */
+
+  /* ---- Layer 1: raw scales (values differ per theme) ---- */
+  --gray-1: oklch(0.991 0.003 106.447);
+  --gray-2: oklch(0.96 0.004 106.474);
+  --gray-3: oklch(0.947 0.004 262.665);
+  --gray-4: oklch(0.935 0.004 262.665);
+  --gray-5: oklch(0.922 0.004 262.665);
+  --gray-6: oklch(0.909 0.008 98.888);
+  --gray-7: oklch(0.85 0.004 262.665);
+  --gray-8: oklch(0.791 0.004 262.665);
+  --gray-9: oklch(0.732 0.004 262.665);
+  --gray-10: oklch(0.674 0.015 88.723);
+  --gray-11: oklch(0.508 0.011 106.779);
+  --gray-12: oklch(0.191 0 89.876);
+  --accent-1: oklch(0.984 0.019 262.665);
+  --accent-2: oklch(0.968 0.033 262.665);
+  --accent-3: oklch(0.943 0.058 262.665);
+  --accent-4: oklch(0.913 0.083 262.665);
+  --accent-5: oklch(0.877 0.11 262.665);
+  --accent-6: oklch(0.832 0.137 262.665);
+  --accent-7: oklch(0.776 0.164 262.665);
+  --accent-8: oklch(0.702 0.187 262.665);
+  --accent-9: oklch(0.572 0.208 262.665);
+  --accent-10: oklch(0.552 0.201 262.665);
+  --accent-11: oklch(0.481 0.185 262.832);
+  --accent-12: oklch(0.353 0.154 262.665);
+
+  /* ---- Layer 2: semantic mapping (identical names across all themes) ---- */
+  --color-bg: var(--gray-1);
+  --color-bg-elevated: var(--gray-2);
+  --color-text: var(--gray-12);
+  --color-text-muted: var(--gray-11);
+  --color-text-faint: var(--gray-10);
+  --color-border: var(--gray-6);
+  --color-border-hover: var(--gray-7);
+  --color-accent: var(--accent-9);
+  --color-accent-dim: var(--accent-11);
+  --color-on-accent: #ffffff;
+  --color-cta-bg: var(--accent-9);
+  --color-cta-text: #ffffff;
+  --focus-ring: var(--gray-12);
+  --color-selection: color-mix(in oklab, var(--color-text) 12%, transparent);
+  --color-accent-surface: color-mix(in oklab, var(--color-accent) 10%, transparent);
+  --color-invert-bg: #141414;
+  --color-invert-bg-elevated: #1f1f1e;
+  --color-invert-text: #f4f4f1;
+  --color-invert-text-muted: rgba(244, 244, 241, 0.66);
+  --color-invert-border: rgba(244, 244, 241, 0.16);
+
+  /* ---- Layer 3: review / mark semantics (hand-tuned, de-conflicted from accent) ---- */
+  --review-insert-text: #1b7a35;
+  --review-insert-bg: rgba(27, 122, 53, 0.1);
+  --review-insert-border: #1b7a35;
+  --review-delete-text: #a23618;
+  --review-delete-bg: rgba(162, 54, 24, 0.1);
+  --review-delete-border: rgba(162, 54, 24, 0.45);
+  --review-highlight-bg: rgba(224, 176, 18, 0.22);
+  --review-highlight-border: rgba(224, 176, 18, 0.55);
+  --review-comment-anchor: #7c3aed;
+  --review-comment-active-bg: rgba(124, 58, 237, 0.1);
+
+  color-scheme: light;
+}

package/themes/grid/theme.json

@@ -0,0 +1,11 @@
+{
+  "id": "grid",
+  "name": "Grid",
+  "appearance": "light",
+  "fonts": [
+    { "family": "Schibsted Grotesk", "src": "/themes/grid/fonts/SchibstedGrotesk-Variable.woff2", "weight": "400 900" },
+    { "family": "Geist Mono", "src": "/themes/grid/fonts/GeistMono-Variable.woff2", "weight": "100 900" }
+  ],
+  "grain": { "enabled": false },
+  "swatch": { "bg": "#fcfcfa", "ink": "#66665f", "accent": "#e5241b" }
+}

package/themes/grid/tokens.css

@@ -0,0 +1,67 @@
+[data-theme='grid'] {
+  /* Swiss International — Grid (light, red flagship). The default theme.
+     v0.4: Radix-rigor 12-step OKLCH scales (anchored to the v0.3 Swiss values),
+     with semantic tokens mapped onto the steps. Marks stay hand-tuned. */
+
+  /* ---- Layer 1: raw scales (values differ per theme) ---- */
+  --gray-1: oklch(0.991 0.003 106.447);
+  --gray-2: oklch(0.96 0.004 106.474);
+  --gray-3: oklch(0.947 0.004 29.049);
+  --gray-4: oklch(0.935 0.004 29.049);
+  --gray-5: oklch(0.922 0.004 29.049);
+  --gray-6: oklch(0.909 0.008 98.888);
+  --gray-7: oklch(0.85 0.004 29.049);
+  --gray-8: oklch(0.791 0.004 29.049);
+  --gray-9: oklch(0.732 0.004 29.049);
+  --gray-10: oklch(0.674 0.015 88.723);
+  --gray-11: oklch(0.508 0.011 106.779);
+  --gray-12: oklch(0.191 0 89.876);
+  --accent-1: oklch(0.984 0.02 29.049);
+  --accent-2: oklch(0.968 0.036 29.049);
+  --accent-3: oklch(0.943 0.063 29.049);
+  --accent-4: oklch(0.913 0.09 29.049);
+  --accent-5: oklch(0.877 0.119 29.049);
+  --accent-6: oklch(0.832 0.149 29.049);
+  --accent-7: oklch(0.776 0.178 29.049);
+  --accent-8: oklch(0.702 0.203 29.049);
+  --accent-9: oklch(0.592 0.225 29.049);
+  --accent-10: oklch(0.552 0.218 29.049);
+  --accent-11: oklch(0.517 0.199 29.182);
+  --accent-12: oklch(0.353 0.167 29.049);
+
+  /* ---- Layer 2: semantic mapping (identical names across all themes) ---- */
+  --color-bg: var(--gray-1);
+  --color-bg-elevated: var(--gray-2);
+  --color-text: var(--gray-12);
+  --color-text-muted: var(--gray-11);
+  --color-text-faint: var(--gray-10);
+  --color-border: var(--gray-6);
+  --color-border-hover: var(--gray-7);
+  --color-accent: var(--accent-9);
+  --color-accent-dim: var(--accent-11);
+  --color-on-accent: #ffffff;
+  --color-cta-bg: var(--accent-9);
+  --color-cta-text: #ffffff;
+  --focus-ring: var(--gray-12);
+  --color-selection: color-mix(in oklab, var(--color-text) 12%, transparent);
+  --color-accent-surface: color-mix(in oklab, var(--color-accent) 10%, transparent);
+  --color-invert-bg: #141414;
+  --color-invert-bg-elevated: #1f1f1e;
+  --color-invert-text: #f4f4f1;
+  --color-invert-text-muted: rgba(244, 244, 241, 0.66);
+  --color-invert-border: rgba(244, 244, 241, 0.16);
+
+  /* ---- Layer 3: review / mark semantics (hand-tuned, de-conflicted from accent) ---- */
+  --review-insert-text: #1b7a35;
+  --review-insert-bg: rgba(27, 122, 53, 0.1);
+  --review-insert-border: #1b7a35;
+  --review-delete-text: #a23618;
+  --review-delete-bg: rgba(162, 54, 24, 0.1);
+  --review-delete-border: rgba(162, 54, 24, 0.45);
+  --review-highlight-bg: rgba(224, 176, 18, 0.22);
+  --review-highlight-border: rgba(224, 176, 18, 0.55);
+  --review-comment-anchor: #2f5fd0;
+  --review-comment-active-bg: rgba(47, 95, 208, 0.1);
+
+  color-scheme: light;
+}

package/themes/nacht/theme.json

@@ -0,0 +1,11 @@
+{
+  "id": "nacht",
+  "name": "Mint",
+  "appearance": "dark",
+  "fonts": [
+    { "family": "Schibsted Grotesk", "src": "/themes/grid/fonts/SchibstedGrotesk-Variable.woff2", "weight": "400 900" },
+    { "family": "Geist Mono", "src": "/themes/grid/fonts/GeistMono-Variable.woff2", "weight": "100 900" }
+  ],
+  "grain": { "enabled": false },
+  "swatch": { "bg": "#282a36", "ink": "#9aa3c4", "accent": "#50fa7b" }
+}

package/themes/nacht/tokens.css

@@ -0,0 +1,67 @@
+[data-theme='nacht'] {
+  /* Mint (dark, spring green — Dracula-based).
+     v0.4: Radix-rigor 12-step OKLCH scales (anchored to the v0.3 Swiss values),
+     with semantic tokens mapped onto the steps. Marks stay hand-tuned. */
+
+  /* ---- Layer 1: raw scales (values differ per theme) ---- */
+  --gray-1: oklch(0.288 0.022 277.509);
+  --gray-2: oklch(0.34 0.027 276.046);
+  --gray-3: oklch(0.356 0.006 148.025);
+  --gray-4: oklch(0.371 0.006 148.025);
+  --gray-5: oklch(0.387 0.006 148.025);
+  --gray-6: oklch(0.403 0.032 277.832);
+  --gray-7: oklch(0.442 0.006 148.025);
+  --gray-8: oklch(0.481 0.006 148.025);
+  --gray-9: oklch(0.521 0.006 148.025);
+  --gray-10: oklch(0.56 0.08 270.086);
+  --gray-11: oklch(0.72 0.049 273.138);
+  --gray-12: oklch(0.977 0.008 106.545);
+  --accent-1: oklch(0.205 0.02 148.025);
+  --accent-2: oklch(0.245 0.035 148.025);
+  --accent-3: oklch(0.3 0.061 148.025);
+  --accent-4: oklch(0.36 0.088 148.025);
+  --accent-5: oklch(0.42 0.116 148.025);
+  --accent-6: oklch(0.485 0.145 148.025);
+  --accent-7: oklch(0.56 0.173 148.025);
+  --accent-8: oklch(0.65 0.198 148.025);
+  --accent-9: oklch(0.871 0.22 148.025);
+  --accent-10: oklch(0.74 0.213 148.025);
+  --accent-11: oklch(0.748 0.201 148.012);
+  --accent-12: oklch(0.93 0.162 148.025);
+
+  /* ---- Layer 2: semantic mapping (identical names across all themes) ---- */
+  --color-bg: var(--gray-1);
+  --color-bg-elevated: var(--gray-2);
+  --color-text: var(--gray-12);
+  --color-text-muted: var(--gray-11);
+  --color-text-faint: var(--gray-10);
+  --color-border: var(--gray-6);
+  --color-border-hover: var(--gray-7);
+  --color-accent: var(--accent-9);
+  --color-accent-dim: var(--accent-11);
+  --color-on-accent: #0b2016;
+  --color-cta-bg: var(--accent-9);
+  --color-cta-text: #0b2016;
+  --focus-ring: var(--accent-8);
+  --color-selection: color-mix(in oklab, var(--color-text) 16%, transparent);
+  --color-accent-surface: color-mix(in oklab, var(--color-accent) 16%, transparent);
+  --color-invert-bg: #f4f4f1;
+  --color-invert-bg-elevated: #ffffff;
+  --color-invert-text: #141414;
+  --color-invert-text-muted: rgba(20, 20, 20, 0.62);
+  --color-invert-border: rgba(20, 20, 20, 0.14);
+
+  /* ---- Layer 3: review / mark semantics (hand-tuned, de-conflicted from accent) ---- */
+  --review-insert-text: #4fc76e;
+  --review-insert-bg: rgba(79, 199, 110, 0.16);
+  --review-insert-border: #4fc76e;
+  --review-delete-text: #f0664a;
+  --review-delete-bg: rgba(240, 102, 74, 0.16);
+  --review-delete-border: rgba(240, 102, 74, 0.5);
+  --review-highlight-bg: rgba(232, 190, 58, 0.2);
+  --review-highlight-border: rgba(232, 190, 58, 0.55);
+  --review-comment-anchor: #bd93f9;
+  --review-comment-active-bg: rgba(189, 147, 249, 0.16);
+
+  color-scheme: dark;
+}

package/themes/rose/theme.json

@@ -0,0 +1,11 @@
+{
+  "id": "rose",
+  "name": "Rose",
+  "appearance": "light",
+  "fonts": [
+    { "family": "Schibsted Grotesk", "src": "/themes/grid/fonts/SchibstedGrotesk-Variable.woff2", "weight": "400 900" },
+    { "family": "Geist Mono", "src": "/themes/grid/fonts/GeistMono-Variable.woff2", "weight": "100 900" }
+  ],
+  "grain": { "enabled": false },
+  "swatch": { "bg": "#fcfcfa", "ink": "#66665f", "accent": "#d6336c" }
+}

package/themes/rose/tokens.css

@@ -0,0 +1,67 @@
+[data-theme='rose'] {
+  /* Rose (warm light, muted magenta).
+     v0.4: Radix-rigor 12-step OKLCH scales (anchored to the v0.3 Swiss values),
+     with semantic tokens mapped onto the steps. Marks stay hand-tuned. */
+
+  /* ---- Layer 1: raw scales (values differ per theme) ---- */
+  --gray-1: oklch(0.991 0.003 106.447);
+  --gray-2: oklch(0.96 0.004 106.474);
+  --gray-3: oklch(0.947 0.004 5.248);
+  --gray-4: oklch(0.935 0.004 5.248);
+  --gray-5: oklch(0.922 0.004 5.248);
+  --gray-6: oklch(0.909 0.008 98.888);
+  --gray-7: oklch(0.85 0.004 5.248);
+  --gray-8: oklch(0.791 0.004 5.248);
+  --gray-9: oklch(0.732 0.004 5.248);
+  --gray-10: oklch(0.674 0.015 88.723);
+  --gray-11: oklch(0.508 0.011 106.779);
+  --gray-12: oklch(0.191 0 89.876);
+  --accent-1: oklch(0.984 0.018 5.248);
+  --accent-2: oklch(0.968 0.032 5.248);
+  --accent-3: oklch(0.943 0.056 5.248);
+  --accent-4: oklch(0.913 0.08 5.248);
+  --accent-5: oklch(0.877 0.107 5.248);
+  --accent-6: oklch(0.832 0.133 5.248);
+  --accent-7: oklch(0.776 0.159 5.248);
+  --accent-8: oklch(0.702 0.181 5.248);
+  --accent-9: oklch(0.588 0.201 5.248);
+  --accent-10: oklch(0.552 0.195 5.248);
+  --accent-11: oklch(0.514 0.183 4.481);
+  --accent-12: oklch(0.353 0.149 5.248);
+
+  /* ---- Layer 2: semantic mapping (identical names across all themes) ---- */
+  --color-bg: var(--gray-1);
+  --color-bg-elevated: var(--gray-2);
+  --color-text: var(--gray-12);
+  --color-text-muted: var(--gray-11);
+  --color-text-faint: var(--gray-10);
+  --color-border: var(--gray-6);
+  --color-border-hover: var(--gray-7);
+  --color-accent: var(--accent-9);
+  --color-accent-dim: var(--accent-11);
+  --color-on-accent: #ffffff;
+  --color-cta-bg: var(--accent-9);
+  --color-cta-text: #ffffff;
+  --focus-ring: var(--gray-12);
+  --color-selection: color-mix(in oklab, var(--color-text) 12%, transparent);
+  --color-accent-surface: color-mix(in oklab, var(--color-accent) 10%, transparent);
+  --color-invert-bg: #141414;
+  --color-invert-bg-elevated: #1f1f1e;
+  --color-invert-text: #f4f4f1;
+  --color-invert-text-muted: rgba(244, 244, 241, 0.66);
+  --color-invert-border: rgba(244, 244, 241, 0.16);
+
+  /* ---- Layer 3: review / mark semantics (hand-tuned, de-conflicted from accent) ---- */
+  --review-insert-text: #1b7a35;
+  --review-insert-bg: rgba(27, 122, 53, 0.1);
+  --review-insert-border: #1b7a35;
+  --review-delete-text: #a23618;
+  --review-delete-bg: rgba(162, 54, 24, 0.1);
+  --review-delete-border: rgba(162, 54, 24, 0.45);
+  --review-highlight-bg: rgba(224, 176, 18, 0.22);
+  --review-highlight-border: rgba(224, 176, 18, 0.55);
+  --review-comment-anchor: #2f5fd0;
+  --review-comment-active-bg: rgba(47, 95, 208, 0.1);
+
+  color-scheme: light;
+}

package/themes/sepia/theme.json

@@ -0,0 +1,11 @@
+{
+  "id": "sepia",
+  "name": "Sepia",
+  "appearance": "light",
+  "fonts": [
+    { "family": "Schibsted Grotesk", "src": "/themes/grid/fonts/SchibstedGrotesk-Variable.woff2", "weight": "400 900" },
+    { "family": "Geist Mono", "src": "/themes/grid/fonts/GeistMono-Variable.woff2", "weight": "100 900" }
+  ],
+  "grain": { "enabled": false },
+  "swatch": { "bg": "#f1ece0", "ink": "#6e655a", "accent": "#c8841c" }
+}

package/themes/sepia/tokens.css

@@ -0,0 +1,67 @@
+[data-theme='sepia'] {
+  /* Swiss International — Sepia (warm paper, ochre).
+     v0.4: Radix-rigor 12-step OKLCH scales (anchored to the v0.3 Swiss values),
+     with semantic tokens mapped onto the steps. Marks stay hand-tuned. */
+
+  /* ---- Layer 1: raw scales (values differ per theme) ---- */
+  --gray-1: oklch(0.944 0.017 88.001);
+  --gray-2: oklch(0.968 0.014 88.683);
+  --gray-3: oklch(0.944 0.004 70.928);
+  --gray-4: oklch(0.921 0.004 70.928);
+  --gray-5: oklch(0.898 0.004 70.928);
+  --gray-6: oklch(0.874 0.022 85.948);
+  --gray-7: oklch(0.82 0.004 70.928);
+  --gray-8: oklch(0.766 0.004 70.928);
+  --gray-9: oklch(0.712 0.004 70.928);
+  --gray-10: oklch(0.658 0.023 76.438);
+  --gray-11: oklch(0.512 0.02 72.867);
+  --gray-12: oklch(0.214 0.014 61.811);
+  --accent-1: oklch(0.984 0.012 70.928);
+  --accent-2: oklch(0.968 0.022 70.928);
+  --accent-3: oklch(0.943 0.038 70.928);
+  --accent-4: oklch(0.913 0.054 70.928);
+  --accent-5: oklch(0.877 0.072 70.928);
+  --accent-6: oklch(0.832 0.09 70.928);
+  --accent-7: oklch(0.776 0.107 70.928);
+  --accent-8: oklch(0.702 0.122 70.928);
+  --accent-9: oklch(0.668 0.136 70.928);
+  --accent-10: oklch(0.552 0.132 70.928);
+  --accent-11: oklch(0.508 0.105 71.812);
+  --accent-12: oklch(0.353 0.101 70.928);
+
+  /* ---- Layer 2: semantic mapping (identical names across all themes) ---- */
+  --color-bg: var(--gray-1);
+  --color-bg-elevated: var(--gray-2);
+  --color-text: var(--gray-12);
+  --color-text-muted: var(--gray-11);
+  --color-text-faint: var(--gray-10);
+  --color-border: var(--gray-6);
+  --color-border-hover: var(--gray-7);
+  --color-accent: var(--accent-9);
+  --color-accent-dim: var(--accent-11);
+  --color-on-accent: #2a1b06;
+  --color-cta-bg: var(--gray-12);
+  --color-cta-text: var(--gray-1);
+  --focus-ring: var(--gray-12);
+  --color-selection: color-mix(in oklab, var(--color-text) 12%, transparent);
+  --color-accent-surface: color-mix(in oklab, var(--color-accent) 14%, transparent);
+  --color-invert-bg: #1e1813;
+  --color-invert-bg-elevated: #2a231b;
+  --color-invert-text: #f4efe4;
+  --color-invert-text-muted: rgba(244, 239, 228, 0.66);
+  --color-invert-border: rgba(244, 239, 228, 0.16);
+
+  /* ---- Layer 3: review / mark semantics (hand-tuned, de-conflicted from accent) ---- */
+  --review-insert-text: #2c7a3f;
+  --review-insert-bg: rgba(44, 122, 63, 0.12);
+  --review-insert-border: #2c7a3f;
+  --review-delete-text: #a8431f;
+  --review-delete-bg: rgba(168, 67, 31, 0.12);
+  --review-delete-border: rgba(168, 67, 31, 0.45);
+  --review-highlight-bg: rgba(168, 150, 40, 0.24);
+  --review-highlight-border: rgba(168, 150, 40, 0.6);
+  --review-comment-anchor: #345fc0;
+  --review-comment-active-bg: rgba(52, 95, 192, 0.12);
+
+  color-scheme: light;
+}