@ashley-shrok/viewmodel-shell 2.0.0 → 2.1.0

package/dist/browser.js

@@ -792,9 +792,11 @@ export class BrowserAdapter {
     }
     link(n, parent) {
         const a = document.createElement("a");
-        a.className = "vms-link";
+        a.className = n.active ? "vms-link vms-link--active" : "vms-link";
         a.href = n.href;
         a.textContent = n.label;
+        if (n.active)
+            a.setAttribute("aria-current", "page");
         if (n.external) {
             a.target = "_blank";
             a.rel = "noopener noreferrer";

package/dist/index.d.ts

@@ -271,6 +271,11 @@ export interface LinkNode {
     href: string;
     /** true = open outside current app context (browser: new tab + noopener) */
     external?: boolean;
+    /** true = this link points at the current location (nav "you are here").
+     *  Emits `.vms-link--active` + `aria-current="page"`. Server-owned: the
+     *  backend decides which nav item is active from its route/state, exactly
+     *  like every other view decision — there is no client-side route matching. */
+    active?: boolean;
 }
 export interface ImageNode {
     type: "image";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ashley-shrok/viewmodel-shell",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "A server-driven UI framework where the wire format is structured enough that agents can build full-stack apps without ever opening a browser and all UI tests are pure unit tests with no browser runtime. Server returns a JSON tree of typed nodes; a thin TypeScript adapter renders it to DOM. Backend-agnostic — a .NET reference backend ships with the repo, but any language can produce the JSON contract.",
   "type": "module",
   "license": "MIT",

package/styles/default.css

@@ -235,6 +235,11 @@ body {
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
+  /* Horizontal clusters (navbars, toolbars, header rows) need more breathing
+     room between siblings than the tight vertical --vms-space-sm rhythm. This
+     is the one place the row preset DOES redeclare gap (D-30 left it inherited;
+     nav links at 0.75rem read cramped). */
+  gap: var(--vms-space-lg);
 }
 .vms-page--row > .vms-page__title,
 .vms-section--row > .vms-section__heading { flex: 0 0 100%; }
@@ -642,6 +647,13 @@ select.vms-field__input  { cursor: pointer; padding-right: var(--vms-space-xl);
   align-self: flex-start;
 }
 .vms-link:hover { border-bottom-color: var(--vms-accent); }
+/* Active / current nav item ("you are here"). Solid underline + stronger
+   weight so the current location reads at a glance; server-owned via
+   LinkNode.active (emits aria-current="page" too). */
+.vms-link--active {
+  border-bottom-color: var(--vms-accent);
+  font-weight: 600;
+}
 
 /* ── Image ── */
 .vms-image { max-width: 100%; height: auto; display: block; }