npm - @sigloch/graph-view-edit - Versions diffs - 0.7.0 → 0.7.2 - Mend

@sigloch/graph-view-edit 0.7.0 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/assets/index-Cu_Z807i.css +1 -0
package/dist/assets/index-Dbtyb0kh.js +244 -0
package/dist/index.html +2 -2
package/package.json +5 -5
package/vite.config.js +139 -67
package/dist/assets/index-2Jd5dg79.css +0 -1
package/dist/assets/index-DSNw0FsP.js +0 -181

package/dist/index.html CHANGED Viewed

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>graph-view-edit</title>
-    <script type="module" crossorigin src="/assets/index-DSNw0FsP.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-2Jd5dg79.css">
+    <script type="module" crossorigin src="/assets/index-Dbtyb0kh.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Cu_Z807i.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sigloch/graph-view-edit",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "React/Vite viewer+editor over @sigloch/graphcode — 12 graph-views + 16 doc-views via a declarative View-Registry, plus an SE-Dashboard sibling route. Reads docs/graph/<member>.graph.json client-side (no 2nd Kuzu handle).",
   "type": "module",
   "bin": {
@@ -17,20 +17,20 @@
     "build": "vite build",
     "preview": "vite preview",
     "prepack": "npm run build",
-    "test": "vitest run"
+    "test": "node scripts/run-tests.mjs"
   },
   "comment:deps": "Runtime = what vite.config.js + bin/gve.mjs load at Node level when serving the prebuilt dist/. The UI libs (react, react-dom, elkjs, @tanstack/react-table, zustand) are bundled INTO dist/ by vite and must stay devDependencies — shipping them would make consumers download the whole UI stack twice.",
   "dependencies": {
-    "@sigloch/contracts": ">=5 <7",
+    "@sigloch/contracts": ">=5 <10",
     "@sigloch/graph-api-core": ">=5 <6",
-    "@sigloch/graphcode-client": ">=1 <2",
+    "@sigloch/graphcode-client": ">=1.3 <2",
     "@vitejs/plugin-react": "^4.3.4",
     "vite": "^5.4.11",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",
-    "@sigloch/graphcode": "^0.17.0",
+    "@sigloch/graphcode": "^0.18.0",
     "@tanstack/react-table": "^8.20.5",
     "@testing-library/react": "^16.0.1",
     "elkjs": "^0.11.1",

package/vite.config.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { join, basename } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import { DefaultRuleEngine, SE_DESCRIPTOR } from '@sigloch/graph-api-core';
+import { DefaultRuleEngine, SE_DESCRIPTOR, fromOntologyGraph } from '@sigloch/graph-api-core';
 import { ONTOLOGY_VERSION, RULES_VERSION } from '@sigloch/contracts/se';
 // CR-GC-265: these eight come from the read-side client, not the substrate.
 // They are pure projection plus a node:net socket call — depending on
@@ -18,6 +18,8 @@ import {
   VIEW_FILENAMES,
   ARTIFACT_CATALOG,
   analysisCreationCurrencyProvider,
+  PHASE_GATE_RULES,
+  groupViolations,
   callHost,
   HOST_SOCK_BASENAME,
 } from '@sigloch/graphcode-client';
@@ -159,43 +161,19 @@ function configApiPlugin() {
  * just fetches the JSON like any other static resource.
  */
 /**
- * docs/graph/*.graph.json ⇄ graph-api-core's Graph{nodes,edges} — the ONE
- * definition of this repo's wire format (audit F5). graph-api-core/browser
- * exports only the forward direction (`projectToOntologyGraph`: Graph →
- * OntologyGraph, what graph_export itself uses to WRITE this file) — no
- * inverse is published, so this is that function's exact mirror image,
- * derived by reading its field-lift contract (se-descriptor.ts) rather than
- * re-guessing the shape: status/asil/method/kinds live inside `attributes`
- * (that's where projectToOntologyGraph reads them back out of), created_at/
- * updated_at are GraphNode's own top-level camelCase fields (never inside
- * attributes, or `projectToOntologyGraph` would read them back as '').
+ * docs/graph/*.graph.json → graph-api-core's Graph{nodes,edges} via the
+ * PUBLISHED inverse `fromOntologyGraph` (CR-SM-254) — no hand-rolled mirror.
+ * The previous hand-derived copy lifted exactly four flat keys
+ * (status/asil/method/kinds) into `attributes` and dropped everything else
+ * the exporter writes flat (concept, severity/occurrence/detection,
+ * analysisFreshness, testRefs, …) — the CR-GC-402 "second truth": the
+ * dashboard evaluated a castrated graph and disagreed with graph_readiness.
  * `tests/vite-config-load-graph.test.mjs` pins the round trip against the
  * REAL projectToOntologyGraph, so a drift in either direction fails loud.
  */
 export function loadGraph(file) {
   const json = JSON.parse(readFileSync(file, 'utf8'));
-  const nodes = (json.elements ?? []).map((e) => ({
-    uid: e.id,
-    type: e.type,
-    name: e.name,
-    description: e.description ?? '',
-    createdAt: e.created_at,
-    updatedAt: e.updated_at,
-    attributes: { ...(e.attributes ?? {}), status: e.status, asil: e.asil, method: e.method, kinds: e.kinds },
-  }));
-  const edges = (json.traces ?? []).map((t) => ({
-    sourceId: t.source,
-    targetId: t.target,
-    edgeType: t.type,
-    attributes: {
-      ...(t.attributes ?? {}),
-      category: t.category,
-      label: t.label,
-      weight: t.weight,
-      created_at: t.created_at,
-      verified_at: t.verified_at,
-    },
-  }));
+  const { nodes, edges } = fromOntologyGraph(json);
   // CR-GC-300: graph_export now stamps graphVersion at write time — the live
   // comparison value computeAnalysisCurrency() needs against each analysis
   // artifact's SYS.attributes.analysisFreshness.<id>.graphVersion stamp
@@ -205,53 +183,145 @@ export function loadGraph(file) {
 }
 /**
- * Regel-Aggregat für das Recommendations-Panel (CR-GVE-250) — EINE Zeile je
- * ruleId statt 30 fast gleicher Blöcke.
- *
- * Die Zählung läuft über die UNGEKAPPTEN `violations`, nicht über
- * `recommendationsPanel(...).items`: das Panel kappt ZUERST bei 50, also
- * käme aus den Items für eine 60× feuernde Regel "50×" heraus — eine falsche
- * Zahl, und die ist schlimmer als eine lange Liste. Erst gruppieren, dann
- * kappen.
+ * Das Recommendations-Teilstück des Dashboard-Payloads (CR-GVE-250):
+ * `recommendationsPanel`s `items`/`total` UNVERÄNDERT — die Items tragen
+ * `topCandidate`, das die Ein-Klick-Fix-Geste (CR-GVE-111) braucht — plus
+ * die Gruppen als zusätzliche Sicht, nicht als Ersatz.
  *
- * `elementIds` wird bei `elementLimit` abgeschnitten und sagt über
- * `elementIdsOmitted`, wie viele fehlen — nie stumm; genau die stumme
- * Kappung ist der Fehler, den dieser CR behebt.
+ * Die Gruppierung selbst ist seit CR-GVE-259 `groupViolations` aus
+ * @sigloch/graphcode-client — dieselbe Funktion, die die MCP-Fläche unter
+ * `detail:'grouped'` liefert (CR-GC-411). Die frühere lokale Kopie ist
+ * GELÖSCHT, nicht deprecated: eine Aggregation, zwei Konsumenten.
+ */
+export function recommendationsPayload(violations, limit = 50) {
+  return { ...recommendationsPanel(violations, limit), groups: groupViolations(violations) };
+}
+/**
+ * Gate-Blocker als strukturierte Gruppen (CR-GVE-256) — dieselbe Mechanik wie
+ * `recommendationsPayload` (erst gruppieren, dann kappen; Counts aus den
+ * UNGEKAPPTEN Listen), eingeschränkt auf die Regeln, die das Gate besitzt.
+ * Nur error-severity blockiert (warnings/info sind advisory `open` —
+ * readiness.js scorePhaseGate) — deshalb wird hier identisch gefiltert.
  */
-export function recommendationGroups(violations, elementLimit = 10) {
-  const byRule = new Map();
-  for (const v of violations) {
-    let g = byRule.get(v.ruleId);
-    if (!g) {
-      g = { ruleId: v.ruleId, severity: v.severity, count: 0, message: v.message, fixHint: v.fixHint, allElementIds: [] };
-      byRule.set(v.ruleId, g);
+export function gateBlockerGroups(violations, ruleIds, elementLimit = 10) {
+  return groupViolations(
+    violations.filter((v) => v.severity === 'error' && ruleIds.includes(v.ruleId)),
+    elementLimit,
+  );
+}
+/**
+ * Gate-übergreifende Aggregat-Sicht (CR-GVE-256): EINE Gruppe je ruleId über
+ * alle Gates, mit Gate-Chips — dieselbe Regel wird nicht n-fach gelistet.
+ * Die Gate-Zuordnung ist die VORHANDENE server-seitige Ableitung
+ * (`PHASE_GATE_RULES` aus @sigloch/graphcode-client — dieselbe Tabelle, aus
+ * der readiness.js die Gates scored), kein lokaler zweiter Regel-Katalog.
+ * Impl-Gates besitzen keine Element-Regeln (ihre Blocker sind CRs/Scope/
+ * Creations — strukturell, ohne ruleId) und tauchen deshalb hier nicht auf.
+ */
+export function gateBlockerRollup(violations, gateRules = PHASE_GATE_RULES, elementLimit = 10) {
+  const ruleToGates = new Map();
+  for (const [gateId, ruleIds] of Object.entries(gateRules)) {
+    for (const rid of ruleIds) {
+      if (!ruleToGates.has(rid)) ruleToGates.set(rid, []);
+      ruleToGates.get(rid).push(gateId);
     }
-    g.count += 1;
-    if (v.elementId) g.allElementIds.push(v.elementId);
   }
-  return [...byRule.values()]
-    .sort((a, b) => b.count - a.count)
-    .map(({ allElementIds, ...g }) => ({
-      ...g,
-      elementIds: allElementIds.slice(0, elementLimit),
-      elementIdsOmitted: Math.max(0, allElementIds.length - elementLimit),
-    }));
+  const owned = violations.filter((v) => v.severity === 'error' && ruleToGates.has(v.ruleId));
+  return groupViolations(owned, elementLimit).map((g) => ({ ...g, gates: ruleToGates.get(g.ruleId) }));
 }
 /**
- * Das Recommendations-Teilstück des Dashboard-Payloads (CR-GVE-250):
- * `recommendationsPanel`s `items`/`total` UNVERÄNDERT — die Items tragen
- * `topCandidate`, das die Ein-Klick-Fix-Geste (CR-GVE-111) braucht — plus
- * die Gruppen als zusätzliche Sicht, nicht als Ersatz.
+ * Das Readiness-Teilstück des Dashboard-Payloads (CR-GVE-256):
+ * `readinessPanel` UNVERÄNDERT als Basis, aber je Gate ersetzt das flache
+ * `blocking`-String-Array durch `blockerGroups` (regelbasierte Blocker,
+ * gruppiert) + `blockingOther` (Milestones/CRs/Creations/Completeness — die
+ * Zeilen ohne ruleId). Das flache Feld wird ENTFERNT, nicht daneben
+ * weitergereicht — sonst rendert es irgendwann wieder jemand (Parallelpfad).
  */
-export function recommendationsPayload(violations, limit = 50) {
-  return { ...recommendationsPanel(violations, limit), groups: recommendationGroups(violations) };
+export function readinessPayload(report) {
+  const panel = readinessPanel(report);
+  const enrich = (g) => {
+    const ruleIds = PHASE_GATE_RULES[g.id] ?? [];
+    const { blocking, ...rest } = g;
+    return {
+      ...rest,
+      blockerGroups: gateBlockerGroups(report.violations, ruleIds),
+      // Regel-Zeilen sind als Gruppen abgebildet; übrig bleiben die
+      // strukturellen Blocker ("<CR> not done", "milestone … missing",
+      // "<Creation> not performed", "… completeness x/y").
+      blockingOther: blocking.filter((line) => !ruleIds.some((rid) => line.startsWith(`${rid}: `))),
+    };
+  };
+  return {
+    ...panel,
+    phaseGates: panel.phaseGates.map(enrich),
+    implGates: panel.implGates.map(enrich),
+    blockerRollup: gateBlockerRollup(report.violations),
+  };
+}
+/**
+ * Autopilot-Scoreboard (CR-GVE-257) — Präsentations-Aggregation der
+ * `.graphcode/trajectory.jsonl` des Ziel-Repos (Projektion des OperationsLog,
+ * graphcode CR-GC-252). NUR Zeilen zählen aus einer Datei, die graphcode
+ * schreibt — keine eigene Metrik-/Regelberechnung (Grenze, Entscheidung
+ * 2026-08-25; Spiderweb/Konvergenz sind graphcode CR-DRAFT-GC-410).
+ *
+ * Zähl-Semantik entlang der CR-Referenzzahlen (193 / 2 418 / 45 im
+ * graphcode-Repo): applied/rejected über `operation === 'mutate'`;
+ * `opsTotal` = Summe `opCounts` der APPLIED Mutationen (was wirklich durchs
+ * Gate in den Graphen ging); Sessions = distinct `consumerId`; der
+ * Autorschafts-Split zählt die applied Mutationen (wer den Graphen WIRKLICH
+ * geschrieben hat). Violations-Delta: erste → letzte Zeile der Session des
+ * letzten Eintrags. Kaputte Zeilen werden übersprungen, leere Datei → null
+ * (die Karte zeigt „keine Trajektorie vorhanden", kein Crash).
+ */
+export function autopilotStats(jsonlText) {
+  const entries = (jsonlText ?? '')
+    .split('\n')
+    .map((line) => {
+      try {
+        return JSON.parse(line);
+      } catch {
+        return null;
+      }
+    })
+    .filter((e) => e && typeof e === 'object');
+  if (entries.length === 0) return null;
+  const mutates = entries.filter((e) => e.operation === 'mutate');
+  const applied = mutates.filter((e) => e.applied === true);
+  const versions = applied.map((e) => e.graphVersion).filter((v) => typeof v === 'number');
+  const authors = { agent: 0, human: 0 };
+  for (const e of applied) authors[e.consumerType === 'agent' ? 'agent' : 'human'] += 1;
+  const lastSessionId = entries[entries.length - 1].consumerId;
+  const lastSession = entries.filter((e) => e.consumerId === lastSessionId);
+  const zero = { error: 0, warning: 0, info: 0 };
+  return {
+    applied: applied.length,
+    rejected: mutates.length - applied.length,
+    graphVersionFrom: versions.length ? Math.min(...versions) : null,
+    graphVersionTo: versions.length ? Math.max(...versions) : null,
+    opsTotal: applied.reduce((n, e) => n + (typeof e.opCounts === 'number' ? e.opCounts : 0), 0),
+    sessions: new Set(entries.map((e) => e.consumerId)).size,
+    activeDays: new Set(entries.map((e) => String(e.ts ?? '').slice(0, 10)).filter(Boolean)).size,
+    authors,
+    lastSession: {
+      consumerId: lastSessionId,
+      violationsFrom: { ...zero, ...(lastSession[0]?.violations ?? {}) },
+      violationsTo: { ...zero, ...(lastSession[lastSession.length - 1]?.violations ?? {}) },
+    },
+  };
 }
 function dashboardApiPlugin() {
   const cwd = resolveRepoRoot();
   const GRAPH_DIR = join(cwd, 'docs', 'graph');
   const VIEWS_DIR = join(cwd, 'docs', 'views');
+  // CR-GVE-257: die Trajektorie liegt im Ziel-Repo, nicht im Viewer-Repo —
+  // derselbe resolveRepoRoot()-Anker wie GRAPH_DIR/host.sock.
+  const TRAJECTORY_FILE = join(cwd, '.graphcode', 'trajectory.jsonl');
   const engine = new DefaultRuleEngine(SE_DESCRIPTOR.version);
   engine.register(SE_DESCRIPTOR.rules ?? []);
@@ -325,10 +395,12 @@ function dashboardApiPlugin() {
       member: basename(file).replace(/\.graph\.json$/, ''),
       repoRoot: servedRepoRoot(),
       empty: graph.nodes.length === 0,
-      readiness: readinessPanel(report),
+      readiness: readinessPayload(report),
       recommendations: recommendationsPayload(violations, 50),
       artifacts: scanArtifacts(file, graph),
       health: synthHealth(graph),
+      // CR-GVE-257: Repo ohne Trajektorie → null (Karte zeigt den Hinweis).
+      autopilot: existsSync(TRAJECTORY_FILE) ? autopilotStats(readFileSync(TRAJECTORY_FILE, 'utf8')) : null,
       computedAt: new Date().toISOString(),
     };
   }

package/dist/assets/index-2Jd5dg79.css DELETED Viewed

@@ -1 +0,0 @@

- .gve-ctx{position:absolute;z-index:30;min-width:220px;max-width:320px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--space-1);font-family:var(--font-ui);font-size:var(--text-sm)}.gve-ctx-head{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1)}.gve-ctx-item{text-align:left;padding:var(--space-1) var(--space-2);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.gve-ctx-item:hover:not(:disabled){background:var(--color-accent-soft)}.gve-ctx-item:disabled{color:var(--color-text-dim);cursor:not-allowed}.gve-ctx-form{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.gve-ctx-form label{font-size:var(--text-xs);color:var(--color-text-dim)}.gve-ctx-form input,.gve-ctx-form textarea{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.gve-ctx-empty{padding:var(--space-1) var(--space-2);color:var(--color-text-dim);font-size:var(--text-xs)}.gve-genesis{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;gap:var(--space-2);min-width:240px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);text-align:center}.gve-genesis-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-dim)}.gve-genesis-hint{margin:0;color:var(--color-text-dim)}.gve-genesis-input{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.gve-genesis-create{padding:var(--space-1) var(--space-2);background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.gve-genesis-create:disabled{color:var(--color-text-dim);cursor:not-allowed}.gve-doc{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8) var(--space-6);margin:var(--space-3) auto;max-width:820px}.gve-doc h1{font-size:var(--text-xl);margin:0 0 var(--space-3)}.gve-doc h2{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.gve-doc h3{font-size:var(--text-base);margin:var(--space-4) 0 var(--space-2)}.gve-doc h4,.gve-doc h5,.gve-doc h6{font-size:var(--text-sm);margin:var(--space-3) 0 var(--space-1)}.gve-doc h5 code,.gve-doc h6 code{color:var(--color-text-dim)}.gve-doc p{margin:0 0 var(--space-2)}.gve-doc code{font-family:var(--font-mono);font-size:.92em;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:0 var(--space-1)}.gve-doc blockquote{margin:0 0 var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--color-border);color:var(--color-text-dim);font-size:var(--text-sm)}.gve-doc hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.gve-doc pre.md-code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);overflow-x:auto}.edit-pen{margin-left:var(--space-2);font-size:var(--text-xs);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.edit-box{margin:var(--space-2) 0;padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-accent);border-radius:var(--radius-md)}.edit-box textarea{width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2)}.cmd-preview{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);overflow-x:auto;white-space:pre-wrap}.edit-actions{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.edit-actions .btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer}.edit-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}[data-testid=edit-errors],[data-testid=formate-errors]{color:var(--color-error);font-size:var(--text-xs)}[data-testid=edit-verdict][data-tier=block]{color:var(--color-error)}[data-testid=edit-verdict]{font-size:var(--text-xs);color:var(--color-text-dim)}.gve-cards{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);padding:var(--space-4);align-content:start}.gve-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--space-4)}.gve-card-wide{grid-column:1 / -1}.gve-card h3{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.gve-card h4{font-size:var(--text-xs);font-weight:600;color:var(--color-text-dim);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.gve-count{font-size:var(--text-xs);font-weight:600;color:var(--color-text-inverse);background:var(--color-accent);border-radius:999px;padding:0 var(--space-2)}.gve-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.gve-kpi-tile{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3)}.gve-kpi-value{font-size:var(--text-xl);font-weight:600;line-height:1.1}.gve-kpi-label{font-size:var(--text-xs);color:var(--color-text-dim)}.gve-kpi-tile[data-tone=ok] .gve-kpi-value{color:var(--color-ok)}.gve-kpi-tile[data-tone=warn] .gve-kpi-value{color:var(--color-warn)}.gve-kpi-tile[data-tone=error] .gve-kpi-value{color:var(--color-error)}.gve-gate-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.gve-gates{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.gve-gate{display:grid;grid-template-columns:auto 44px 1fr auto 44px;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.gve-light{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gve-light[data-state=passed]{background:var(--color-ok)}.gve-light[data-state=open]{background:var(--color-warn)}.gve-gate-id{font-family:var(--font-mono);font-weight:600}.gve-gate-label{color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gve-gate-track{grid-column:4;width:90px;height:12px;background:var(--color-surface-2);border-radius:999px;overflow:hidden}.gve-gate-fill{display:block;height:100%;border-radius:999px}.gve-gate-fill[data-state=passed]{background:var(--color-ok)}.gve-gate-fill[data-state=open]{background:var(--color-warn)}.gve-gate-pct{font-family:var(--font-mono);text-align:right}.gve-gate-blk{grid-column:1 / -1;font-size:var(--text-xs);color:var(--color-warn)}.gve-legend{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-dim)}.gve-rec-group{margin-bottom:var(--space-4)}.gve-rec-group h4[data-severity=error] .gve-count{background:var(--color-error)}.gve-rec-group h4[data-severity=warning] .gve-count{background:var(--color-warn)}.gve-rec-group h4[data-severity=info] .gve-count{background:var(--color-accent)}.gve-rec{border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--color-surface-2)}.gve-rec[data-severity=error]{border-left-color:var(--color-error)}.gve-rec[data-severity=warning]{border-left-color:var(--color-warn)}.gve-rec[data-severity=info]{border-left-color:var(--color-accent)}.gve-rec-head{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;list-style-position:outside}.gve-rec-head::-webkit-details-marker{display:none}.gve-rec-head:before{content:"▸";font-size:var(--text-xs);color:var(--color-text-dim)}.gve-rec[open]>.gve-rec-head:before{content:"▾"}.gve-rec[open]>.gve-rec-head{margin-bottom:var(--space-2)}.gve-rec-count{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;min-width:var(--space-6);text-align:right}.gve-rec-count[data-severity=error]{color:var(--color-error)}.gve-rec-count[data-severity=warning]{color:var(--color-warn)}.gve-rec-count[data-severity=info]{color:var(--color-accent)}.gve-rec-els{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.gve-rec-el-item{font-size:var(--text-xs)}.gve-rec-more{font-size:var(--text-xs);font-style:italic;color:var(--color-text-dim)}.gve-rid{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.gve-rec-el{color:var(--color-accent)}.gve-sev{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;border-radius:var(--radius-sm);padding:0 var(--space-2)}.gve-sev[data-severity=error]{color:var(--color-error)}.gve-sev[data-severity=warning]{color:var(--color-warn)}.gve-sev[data-severity=info]{color:var(--color-accent)}.gve-rec-msg{font-size:var(--text-sm)}.gve-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-dim)}.gve-empty{font-size:var(--text-sm);color:var(--color-text-dim)}.gve-rollup summary{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-dim);padding:var(--space-1) 0;-webkit-user-select:none;user-select:none}.gve-rollup summary:hover{color:var(--color-text)}.gve-rollup[open] summary{margin-bottom:var(--space-2)}.gve-fresh-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.gve-fresh-2col{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-4)}.gve-fresh-list li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.gve-fresh-row{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;text-align:left;font:inherit;color:inherit;background:none;border:0;padding:0}.gve-fresh-open{cursor:pointer}.gve-fresh-open:hover .gve-fresh-label{color:var(--color-accent);text-decoration:underline}.gve-fresh-open:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--space-1)}.gve-fresh-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gve-fresh-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gve-fresh-dot[data-freshness=live]{background:var(--color-ok)}.gve-fresh-dot[data-freshness=stale]{background:var(--color-warn)}.gve-fresh-dot[data-freshness=absent]{background:var(--color-error)}.gve-pill{font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:999px;padding:0 var(--space-2)}.gve-pill[data-freshness=live]{border-color:var(--color-ok);color:var(--color-ok)}.gve-pill[data-freshness=stale]{border-color:var(--color-warn);color:var(--color-warn)}.gve-pill[data-freshness=absent]{border-color:var(--color-error);color:var(--color-error)}.gve-health-status{margin-bottom:var(--space-3);text-transform:uppercase}.gve-health-status[data-state=ok]{color:var(--color-ok)}.gve-health-status[data-state=error]{color:var(--color-error)}.gve-vtable{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.gve-vtable td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border)}.gve-vtable td:first-child{font-family:var(--font-mono);color:var(--color-text-dim);white-space:nowrap}.gve-doc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-text) 40%,transparent)}.gve-doc-panel{display:flex;flex-direction:column;width:min(880px,100%);max-height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.gve-doc-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.gve-doc-head h3{flex:1;margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.gve-doc-close{font:inherit;line-height:1;color:var(--color-text-dim);background:none;border:0;padding:var(--space-1);cursor:pointer}.gve-doc-close:hover{color:var(--color-text)}.gve-doc-body{overflow:auto;padding:var(--space-4);font-size:var(--text-sm);line-height:1.55}.gve-doc-body h1,.gve-doc-body h2,.gve-doc-body h3,.gve-doc-body h4{margin:var(--space-4) 0 var(--space-2);font-weight:600}.gve-doc-body h1{font-size:var(--text-lg)}.gve-doc-body h2{font-size:var(--text-base)}.gve-doc-body h3,.gve-doc-body h4{font-size:var(--text-sm);color:var(--color-text-dim)}.gve-doc-body p,.gve-doc-body ul,.gve-doc-body ol{margin:0 0 var(--space-3)}.gve-doc-body ul,.gve-doc-body ol{padding-left:var(--space-4)}.gve-doc-body table.md-table{width:100%;border-collapse:collapse;margin:0 0 var(--space-3);font-size:var(--text-xs)}.gve-doc-body table.md-table th,.gve-doc-body table.md-table td{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);text-align:left;vertical-align:top}.gve-doc-body table.md-table th{background:var(--color-surface-2);color:var(--color-text-dim);font-weight:600}.gve-doc-body pre.md-code{overflow:auto;padding:var(--space-2) var(--space-3);margin:0 0 var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.gve-doc-body code{font-family:var(--font-mono);font-size:var(--text-xs)}.gve-doc-body a{color:var(--color-accent)}.gve-doc-body hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-4) 0}a.gve-btn{text-decoration:none;display:inline-block}.gve-appbar .title{font-size:var(--text-base);display:flex;align-items:baseline;gap:var(--space-2)}.gve-appbar .title .project{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.gve-appbar .title .tool{font-size:var(--text-sm);font-weight:400;color:var(--color-text-dim)}.gve .gve{height:auto;flex:1;min-height:0}.gve-chip .dash{width:12px;height:0;border-top:2px solid var(--color-text-dim)}.gve .gve-body{flex:1;min-height:0}.gve-canvas,.gve-explorer .exp-tree,.gve-details{overflow:auto}.gve-tree .tw{cursor:pointer;-webkit-user-select:none;user-select:none}.gve-tree .row.sel{box-shadow:inset 2px 0 0 var(--color-accent)}.gve-tree .row.dim{opacity:.45;cursor:default}.gve-grid-scroll{overflow:auto;flex:1;min-height:0}.gve-grid{border-collapse:collapse;font-size:var(--text-sm)}.gve-grid th,.gve-grid td{border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);text-align:left;white-space:nowrap}.gve-grid thead th{position:sticky;top:0;z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface-alt, var(--color-surface));color:var(--color-text)}.gve-grid thead th.corner{left:0;z-index:2}.gve-grid td.rowhead,.gve-grid th.corner{font-weight:600}.gve-grid td.rowhead{position:sticky;left:0;background:var(--color-surface)}.gve-grid td.hit{background:var(--color-accent-soft);color:var(--color-accent);text-align:center;font-weight:600}.tabular-grid th,.tabular-grid td{max-width:20rem}.tabular-grid:not(.wrap) th,.tabular-grid:not(.wrap) td{overflow:hidden;text-overflow:ellipsis}.tabular-grid.wrap th,.tabular-grid.wrap td{white-space:normal;word-break:break-word;vertical-align:top}.gve-group.tabs .gve-chip.active{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-2: #eef0f3;--color-border: #d7dbe0;--color-text: #1a1d21;--color-text-dim: #5c6470;--color-text-inverse: #ffffff;--color-accent: #2563eb;--color-accent-soft: #dbeafe;--color-ok: #16a34a;--color-warn: #d97706;--color-error: #dc2626;--color-hotspot: #e11d48;--color-type-1: #2563eb;--color-type-2: #7c3aed;--color-type-3: #0891b2;--color-type-4: #16a34a;--color-type-5: #d97706;--color-type-6: #64748b;--color-type-7: #db2777;--color-type-8: #0d9488;--color-type-func: #0d9488;--color-type-flow: #2dd4bf;--color-type-schema: #4f46e5;--fchain-1: #8b5cf6;--fchain-2: #f59e0b;--fchain-3: #ec4899;--fchain-4: #0284c7;--fchain-5: #84cc16;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--font-ui: -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--radius-sm: 4px;--radius-md: 8px;--shadow-1: 0 1px 3px rgba(0,0,0,.12)}@media (prefers-color-scheme: dark){:root{--color-bg: #14161a;--color-surface: #1e2126;--color-surface-2: #262a31;--color-border: #363c45;--color-text: #e8eaed;--color-text-dim: #9aa3af;--color-text-inverse: #14161a;--color-accent: #60a5fa;--color-accent-soft: #1e3a5f;--color-type-2: #8b5cf6;--color-type-schema: #6366f1;--shadow-1: 0 1px 3px rgba(0,0,0,.5)}}*{box-sizing:border-box;margin:0}.gve{font-family:var(--font-ui);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;height:100vh;overflow:hidden}.gve-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.gve-bar .title{font-size:var(--text-lg);font-weight:600;margin-right:var(--space-4)}.gve-bar .title small{color:var(--color-text-dim);font-weight:400;margin-left:var(--space-2)}.gve-group{display:flex;align-items:center;gap:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px var(--space-2)}.gve-group label{font-size:var(--text-xs);color:var(--color-text-dim);margin-right:var(--space-1)}.gve-btn{font:inherit;font-size:var(--text-sm);color:var(--color-text);background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer}.gve-btn:hover{background:var(--color-accent-soft)}.gve-btn.active{background:var(--color-accent);color:var(--color-text-inverse)}.gve-input{font:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:160px}.gve-select{font:inherit;font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1)}.gve-chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:999px;padding:2px var(--space-2);cursor:pointer;background:var(--color-surface);color:var(--color-text)}.gve-chip .dot{width:8px;height:8px;border-radius:50%}.gve-chip.off{opacity:.35}.gve-crumbs{font-size:var(--text-sm);color:var(--color-text-dim)}.gve-crumbs a{color:var(--color-accent);text-decoration:none}.gve-body{flex:1;display:flex;min-height:0}.gve-canvas{flex:1;overflow:auto;position:relative;min-width:0}.gve-explorer{width:260px;flex:0 0 260px;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);overflow:hidden;resize:horizontal}.gve-explorer .exp-tabs{display:flex;border-bottom:1px solid var(--color-border)}.gve-explorer .exp-tab{flex:1;font:inherit;font-size:var(--text-sm);cursor:pointer;background:transparent;border:none;padding:var(--space-2);color:var(--color-text-dim);border-bottom:2px solid transparent}.gve-explorer .exp-tab.active{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:600}.gve-explorer .exp-tree{flex:1;overflow:auto;padding:var(--space-2) 0;font-size:var(--text-sm)}.gve-tree,.gve-tree ul{list-style:none;margin:0;padding:0}.gve-tree ul{margin-left:14px;border-left:1px solid var(--color-border)}.gve-tree li{position:relative}.gve-tree .row{display:flex;align-items:center;gap:6px;padding:2px var(--space-2);white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm)}.gve-tree .row:hover,.gve-tree .row.sel{background:var(--color-accent-soft)}.gve-tree .tw{width:10px;color:var(--color-text-dim);font-size:10px;flex:none}.gve-tree .ic{width:8px;height:8px;border-radius:2px;flex:none}.gve-tree .ic.ell{border-radius:50%}.gve-tree .lbl{overflow:hidden;text-overflow:ellipsis}.gve-tree .kind{font-size:var(--text-xs);color:var(--color-text-dim)}.gve-details{width:240px;flex:0 0 240px;overflow:auto;background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-3);font-size:var(--text-sm)}.gve-details h4{font-size:var(--text-sm);margin-bottom:var(--space-2)}.gve-details dt{font-size:var(--text-xs);color:var(--color-text-dim);margin-top:var(--space-2)}.gve-details dd{margin:0}.gve-status{display:flex;gap:var(--space-6);align-items:center;padding:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--color-text-dim);background:var(--color-surface);border-top:1px solid var(--color-border)}.gve-node rect,.gve-node ellipse{fill:var(--color-surface);stroke:var(--t, var(--color-border));stroke-width:1.5}.gve-node text{font-family:var(--font-ui);font-size:var(--text-sm);fill:var(--color-text)}.gve-node .pill{fill:var(--t)}.gve-node .pill-text{fill:var(--color-text-inverse);font-size:var(--text-xs);font-weight:600}.gve-node.hotspot rect,.gve-node.hotspot ellipse{stroke:var(--color-hotspot);stroke-width:3}.gve-edge{stroke:var(--color-text-dim);fill:none;opacity:.55}.gve-edge.emph{stroke:var(--color-accent);opacity:1}.gve-edge-label{font-size:var(--text-xs);fill:var(--color-text-dim)}.gve-grid{border-collapse:collapse;margin:var(--space-4);font-size:var(--text-sm)}.gve-grid th,.gve-grid td{border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);text-align:left}.gve-grid th{background:var(--color-surface-2);position:sticky;top:0}.gve-grid td.hit{background:var(--color-accent-soft);text-align:center}.gve-grid td.miss{color:var(--color-error);text-align:center}.gve-toast{position:absolute;right:var(--space-4);bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-warn);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);max-width:360px}