@ashley-shrok/viewmodel-shell 0.8.0 → 0.9.0

package/dist/browser.js

@@ -690,7 +690,10 @@ export class BrowserAdapter {
     copyButton(n, parent) {
         const btn = document.createElement("button");
         btn.type = "button";
-        btn.className = "vms-button";
+        // 0.9.0 (#14): variant modifier class, mirroring button() exactly. The
+        // existing .vms-button--{primary,secondary,danger} CSS rules apply
+        // automatically — no new style surface.
+        btn.className = `vms-button${n.variant ? ` vms-button--${n.variant}` : ""}`;
         btn.textContent = n.label ?? "Copy";
         btn.addEventListener("click", () => {
             const write = navigator.clipboard?.writeText(n.text);

package/dist/index.d.ts

@@ -196,6 +196,11 @@ export interface CopyButtonNode {
     label?: string;
     /** Ephemeral label shown after a successful copy, reverts after ~1.5 s. Adapter default: "Copied!". */
     copiedLabel?: string;
+    /** Visual variant — mirrors ButtonNode.variant (issue #14). Adapter emits
+     *  `vms-button vms-button--{variant}` (browser) / variant-tinted text
+     *  (TUI), so a copy-button can read distinctly from neighboring default
+     *  buttons. Closed union; omitted = current behavior (no modifier). */
+    variant?: "primary" | "secondary" | "danger";
 }
 export interface ShellOptions {
     endpoint: string;

package/dist/tui.js

@@ -1019,7 +1019,13 @@ function CopyButtonView({ node, ctx }) {
     const label = isCopied
         ? (node.copiedLabel ?? "Copied!")
         : (node.label ?? "Copy");
-    return (_jsxs("text", { onMouseDown: () => ctx.copy(node.text), children: ["[ ", label, " ]"] }));
+    // 0.9.0 (#14): variant coloring — mirrors ButtonView's fg derivation
+    // verbatim. Adapter-medium-adaptation parity: the browser uses CSS
+    // classes; the TUI uses ANSI fg colors. Same semantic mapping.
+    const fg = node.variant === "danger" ? "#ff5555"
+        : node.variant === "primary" ? "#88aaff"
+            : undefined;
+    return (_jsxs("text", { ...(fg != null ? { fg } : {}), onMouseDown: () => ctx.copy(node.text), children: ["[ ", label, " ]"] }));
 }
 // ── form ──────────────────────────────────────────────────────────────────
 // Renders children + the submit button (decorative for B3 — Enter on any

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ashley-shrok/viewmodel-shell",
-  "version": "0.8.0",
+  "version": "0.9.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",