@emeryld/rrroutes-contract 2.7.6 → 2.7.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@emeryld/rrroutes-contract",
   "description": "TypeScript contract definitions for RRRoutes",
-  "version": "2.7.6",
+  "version": "2.7.8",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs",

package/tools/finalized-leaves-viewer.html

@@ -6,13 +6,14 @@
     <title>Finalized Leaves Viewer</title>
     <style>
       :root {
-        --bg: #f6f8fc;
-        --surface: #ffffff;
-        --surface-2: #f1f4f9;
-        --border: #d9e0eb;
-        --text: #182033;
-        --muted: #64708b;
-        --accent: #1858c6;
+        --bg: #212121;
+        --surface: #2a2a2a;
+        --surface-2: #353535;
+        --border: #4a4a4a;
+        --text: #fffafa;
+        --muted: #c8c2c2;
+        --accent: #a764d3;
+        --schema-accent: #fbbd23;
         --ok: #1f8f4e;
         --danger: #d12b2b;
       }
@@ -29,8 +30,8 @@
       }
 
       mark {
-        background: #ffec99;
-        color: #402f00;
+        background: #fbbd23;
+        color: #1f1f1f;
         border-radius: 2px;
         padding: 0 1px;
       }
@@ -43,7 +44,7 @@
 
       .card {
         background: var(--surface);
-        border: 1px solid #e7ecf4;
+        border: 1px solid var(--border);
         border-radius: 6px;
         padding: 12px;
       }
@@ -79,7 +80,8 @@
         border-radius: 4px;
         padding: 8px 10px;
         font: inherit;
-        background: #fff;
+        background: var(--surface-2);
+        color: var(--text);
       }
 
       button {
@@ -87,7 +89,7 @@
         border-radius: 4px;
         padding: 7px 10px;
         font: inherit;
-        background: #fff;
+        background: var(--surface-2);
         color: var(--text);
         cursor: pointer;
       }
@@ -125,7 +127,7 @@
       }
 
       .section {
-        border-top: 1px solid #e8edf5;
+        border-top: 1px solid var(--border);
         padding: 10px 0 2px;
       }
 
@@ -147,7 +149,7 @@
       }
 
       .kv {
-        border-bottom: 1px dashed #e2e8f2;
+        border-bottom: 1px dashed var(--border);
         padding: 4px 0 6px;
       }
 
@@ -156,6 +158,12 @@
         color: var(--muted);
       }
 
+      .kv .k a {
+        color: inherit;
+        text-decoration: underline;
+        text-underline-offset: 2px;
+      }
+
       .kv .v {
         margin-top: 2px;
         word-break: break-word;
@@ -172,11 +180,11 @@
       }
 
       .chip {
-        border: 1px solid #e0e6f0;
+        border: 1px solid var(--border);
         border-radius: 4px;
         padding: 2px 6px;
         font-size: 12px;
-        background: #f6f8fc;
+        background: var(--surface-2);
       }
 
       .chip.ok {
@@ -197,10 +205,10 @@
         justify-content: center;
         width: 18px;
         height: 18px;
-        border: 1px solid #e0e6f0;
+        border: 1px solid var(--border);
         border-radius: 4px;
         font-size: 11px;
-        background: #f6f8fc;
+        background: var(--surface-2);
       }
 
       .icon-badge.warn {
@@ -218,7 +226,7 @@
       }
 
       .schema-block {
-        border-top: 1px solid #e8edf5;
+        border-top: 1px solid var(--border);
         padding: 8px 0 2px;
         margin-bottom: 6px;
       }
@@ -234,7 +242,7 @@
 
       .schema-tree details {
         margin-left: 12px;
-        border-left: 1px solid #e8edf5;
+        border-left: 1px solid var(--border);
         padding-left: 8px;
       }
 
@@ -268,11 +276,20 @@
       }
 
       .tree-pill {
-        border: 1px solid #e0e6f0;
+        border: 1px solid var(--schema-accent);
         border-radius: 4px;
         padding: 1px 6px;
         font-size: 11px;
-        background: #f2f5fa;
+        background: rgba(251, 189, 35, 0.15);
+        color: var(--schema-accent);
+      }
+
+      .schema-tree summary {
+        color: var(--schema-accent);
+      }
+
+      input[type='checkbox'] {
+        accent-color: var(--accent);
       }
 
       @media (max-width: 720px) {
@@ -724,24 +741,33 @@
         return `${prefix}${encodeURI(normalizedPath)}`
       }
 
+      function sourceDisplay(source) {
+        return ''
+      }
+
       function createSourceRow(key, source, engine) {
         const box = el('div', 'kv')
-        box.appendChild(el('div', 'k', key))
+        const keyNode = el('div', 'k')
         const valueNode = el('div', 'v mono')
 
         if (!source || !source.file) {
+          setHighlighted(keyNode, key, engine)
+          box.appendChild(keyNode)
           setHighlighted(valueNode, '—', engine)
           box.appendChild(valueNode)
           return box
         }
 
         const href = sourceHref(source)
-        const link = document.createElement('a')
-        link.href = href
-        link.target = '_blank'
-        link.rel = 'noopener noreferrer'
-        link.textContent = `${source.file}:${source.line}:${source.column}`
-        valueNode.appendChild(link)
+        const keyLink = document.createElement('a')
+        keyLink.href = href
+        keyLink.target = '_blank'
+        keyLink.rel = 'noopener noreferrer'
+        keyLink.textContent = key
+        keyNode.appendChild(keyLink)
+
+        setHighlighted(valueNode, sourceDisplay(source), engine)
+        box.appendChild(keyNode)
         box.appendChild(valueNode)
         return box
       }