@ashley-shrok/viewmodel-shell 1.7.0 → 1.9.0

package/dist/browser.js

@@ -419,6 +419,26 @@ export class BrowserAdapter {
             // single-field buttons[]-only form doesn't reload via native submit.
             form.addEventListener("submit", (e) => e.preventDefault());
         }
+        // Opt-in chat-composer affordance: bare Enter in a descendant textarea
+        // dispatches the submit (a textarea otherwise eats Enter as a newline and
+        // never submits). Modifier-Enter falls through to a normal newline, and an
+        // IME composition Enter (candidate confirmation) must NOT submit. No-op
+        // when submitAction is absent. Same dispatch path as the submit button.
+        if (n.submitOnEnter && n.submitAction) {
+            const submitAction = n.submitAction;
+            form.querySelectorAll("textarea").forEach(ta => {
+                ta.addEventListener("keydown", (e) => {
+                    if (e.key !== "Enter")
+                        return;
+                    if (e.isComposing || e.keyCode === 229)
+                        return; // IME candidate confirm — not a send
+                    if (e.shiftKey || e.ctrlKey || e.metaKey || e.altKey)
+                        return; // newline / shortcut
+                    e.preventDefault();
+                    dispatchWithFiles(submitAction);
+                });
+            });
+        }
         if (n.buttons && n.buttons.length > 0) {
             const row = document.createElement("div");
             row.className = "vms-form__buttons";

package/dist/index.d.ts

@@ -189,6 +189,10 @@ export interface FormNode {
      *  button, same underlying state. A plain ButtonNode placed in `children`
      *  has identical dispatch semantics; the buttons[] slot is a layout hint. */
     buttons?: ButtonNode[];
+    /** Opt-in: bare Enter inside a descendant <textarea> dispatches submitAction
+     *  (chat-composer "Enter sends, Shift/Ctrl/Meta/Alt+Enter = newline"). No-op
+     *  when submitAction is absent or during IME composition. Default false. */
+    submitOnEnter?: boolean;
     children: ViewNode[];
 }
 export interface FieldNode {

package/package.json

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

package/styles/default.css

@@ -323,7 +323,16 @@ body {
      variable so themes can flip it. */
   color-scheme: var(--vms-color-scheme);
 }
-.vms-field__input::placeholder { color: var(--vms-text-muted); }
+/* Placeholder is derived from the theme text color at reduced strength
+   (the UA-default / Bootstrap mechanism, ~50%), NOT from --vms-text-muted.
+   Two reasons: (1) it reads as a faint hint rather than committed text, so an
+   empty field isn't mistaken for a filled one even with no visible label;
+   (2) it decouples from --vms-text-muted (shared by labels/captions/meta),
+   which must stay AA-contrast. Opacity (not a fixed gray) so it fades
+   correctly across every light/dark theme. This intentionally trades strict
+   placeholder AA contrast for clarity — placeholders should never be the sole
+   carrier of meaning; pair inputs with a label. */
+.vms-field__input::placeholder { color: var(--vms-text); opacity: 0.5; }
 .vms-field__input:focus {
   border-color: var(--vms-accent);
   box-shadow: 0 0 0 3px var(--vms-accent-glow);
@@ -508,11 +517,6 @@ select.vms-field__input  { cursor: pointer; padding-right: var(--vms-space-xl);
   background: var(--vms-accent-glow);
 }
 
-@keyframes vms-in {
-  from { opacity: 0; transform: translateY(4px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-
 /* ── Text ── */
 .vms-text { flex: 1; line-height: 1.4; word-break: break-word; }
 .vms-text--heading       { font-family: var(--vms-font-head); font-size: var(--vms-text-xl); }
@@ -560,7 +564,6 @@ select.vms-field__input  { cursor: pointer; padding-right: var(--vms-space-xl);
   justify-content: center;
   padding: var(--vms-space-md);
   z-index: 1000;
-  animation: vms-in 0.15s ease;
 }
 .vms-modal {
   background: var(--vms-surface);