@emeryld/rrroutes-contract 2.7.7 → 2.7.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@emeryld/rrroutes-contract",
   "description": "TypeScript contract definitions for RRRoutes",
-  "version": "2.7.7",
+  "version": "2.7.9",
   "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: #00e5ff;
+        color: #0f1416;
         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;
       }
@@ -122,10 +124,13 @@
         display: grid;
         gap: 4px;
         margin-top: 10px;
+        margin-left: 16px;
+        padding-left: 12px;
+        border-left: 2px solid var(--border);
       }
 
       .section {
-        border-top: 1px solid #e8edf5;
+        border-top: 1px solid var(--border);
         padding: 10px 0 2px;
       }
 
@@ -147,7 +152,7 @@
       }
 
       .kv {
-        border-bottom: 1px dashed #e2e8f2;
+        border-bottom: 1px dashed var(--border);
         padding: 4px 0 6px;
       }
 
@@ -178,11 +183,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 {
@@ -203,10 +208,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 {
@@ -224,7 +229,7 @@
       }
 
       .schema-block {
-        border-top: 1px solid #e8edf5;
+        border-top: 1px solid var(--border);
         padding: 8px 0 2px;
         margin-bottom: 6px;
       }
@@ -240,7 +245,7 @@
 
       .schema-tree details {
         margin-left: 12px;
-        border-left: 1px solid #e8edf5;
+        border-left: 1px solid var(--border);
         padding-left: 8px;
       }
 
@@ -253,10 +258,14 @@
       }
 
       .schema-tree summary .tree-row {
-        display: inline-grid;
+        display: grid;
         vertical-align: middle;
       }
 
+      .schema-tree > .tree-row {
+        padding-left: 18px;
+      }
+
       .tree-name {
         display: inline-flex;
         align-items: baseline;
@@ -274,11 +283,40 @@
       }
 
       .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);
+        list-style: none;
+        display: flex;
+        align-items: center;
+        gap: 6px;
+      }
+
+      .schema-tree summary::-webkit-details-marker {
+        display: none;
+      }
+
+      .schema-tree summary::before {
+        content: '▸';
+        display: inline-block;
+        width: 12px;
+        flex: 0 0 12px;
+        text-align: center;
+      }
+
+      .schema-tree details[open] > summary::before {
+        content: '▾';
+      }
+
+      input[type='checkbox'] {
+        accent-color: var(--accent);
       }
 
       @media (max-width: 720px) {
@@ -730,6 +768,10 @@
         return `${prefix}${encodeURI(normalizedPath)}`
       }
 
+      function sourceDisplay(source) {
+        return ''
+      }
+
       function createSourceRow(key, source, engine) {
         const box = el('div', 'kv')
         const keyNode = el('div', 'k')
@@ -748,10 +790,10 @@
         keyLink.href = href
         keyLink.target = '_blank'
         keyLink.rel = 'noopener noreferrer'
-        keyLink.textContent = key
+        keyLink.innerHTML = engine.highlight(key)
         keyNode.appendChild(keyLink)
 
-        setHighlighted(valueNode, `${source.file}:${source.line}:${source.column}`, engine)
+        setHighlighted(valueNode, sourceDisplay(source), engine)
         box.appendChild(keyNode)
         box.appendChild(valueNode)
         return box