@ashley-shrok/viewmodel-shell 1.8.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.8.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

@@ -517,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); }
@@ -569,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);