diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..64f91af
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,69 @@
+# LiveTemplate Examples
+
+## Progressive Complexity
+
+All examples follow the **progressive complexity** model introduced in livetemplate v0.8.7:
+
+- **Tier 1 (Standard HTML)** is the default. Use native HTML forms, buttons, and inputs.
+- **Tier 2 (`lvt-*` attributes)** only when standard HTML cannot express the behavior.
+
+### Tier 1 Constructs
+
+| Construct | Pattern | Routes to |
+|-----------|---------|-----------|
+| Form submission | `<form method="POST" name="add">` | `Add()` method |
+| Button action | `<button name="save">` | `Save()` method |
+| Hidden data | `<input type="hidden" name="id" value="...">` | `ctx.GetString("id")` |
+| Auto-submit | `<form method="POST">` (no name) | `Submit()` method |
+| Live updates | Controller with `Change()` method | Auto-wired 300ms debounce |
+| Validation | `required`, `minlength`, `pattern` | `ctx.ValidateForm()` |
+
+### Tier 2 Constructs (use sparingly)
+
+| Attribute | Purpose | Example |
+|-----------|---------|---------|
+| `lvt-scroll` | Auto-scroll behavior | Chat message container |
+| `lvt-upload` | Chunked file uploads | Avatar upload |
+| `lvt-debounce` | Custom timing control | Search with custom delay |
+| `lvt-keydown` | Keyboard shortcuts | Global key bindings |
+| `lvt-animate` | Entry/exit animations | Toast notifications |
+
+### Action Resolution Order
+
+When a form is submitted, the framework resolves the action in this order:
+1. `lvt-submit` attribute on the form
+2. Clicked button's `name` attribute
+3. Form's `name` attribute
+4. Default: `"submit"`
+
+## Creating New Examples
+
+### Checklist
+
+1. Start with Tier 1 — use standard HTML forms and button names
+2. Only add `lvt-*` attributes when standard HTML can't express the interaction
+3. Add `method="POST"` to forms and `name` attributes for action routing
+4. Use form `name` for both client-side (WebSocket/fetch) and server-side (HTTP POST) action routing
+5. Use button `name` for HTTP POST fallback (browser includes button name in form data on click)
+6. Add hidden inputs for data passing: `<input type="hidden" name="id" value="{{.ID}}">`
+
+### Testing
+
+- All examples must have chromedp E2E tests
+- Use `e2etest.StartDockerChrome()` for browser testing
+- For WebSocket CRUD verification, use `window.liveTemplateClient.send({action: '...', data: {...}})` directly
+- HTTP POST tests should use button name encoding: `"add=&field=value"`
+- Run `./test-all.sh` to verify all examples pass
+
+### Dependencies
+
+- livetemplate: v0.8.7+
+- lvt (testing): latest pseudo-version
+- Client library: served via `e2etest.ServeClientLibrary` (dev) or CDN (production)
+
+### Reference Examples
+
+- `todos-progressive/` — Canonical Tier 1 example (zero `lvt-*` attributes)
+- `profile-progressive/` — Simple Tier 1 form with validation
+- `live-preview/` — Tier 1 with `Change()` method for live updates
+- `chat/` — Tier 1+2 (uses `lvt-scroll` for auto-scroll)
diff --git a/README.md b/README.md
index 535efc9..0b73943 100644
--- a/README.md
+++ b/README.md
@@ -2,136 +2,32 @@
 
 Example applications demonstrating LiveTemplate usage with various features and patterns.
 
-## Examples
-
-### 1. Counter - Simple State Management
-**Directory**: `counter/`
-
-Basic counter demonstrating reactive state updates.
-
-```bash
-cd counter
-go run main.go
-# Visit http://localhost:8080
-```
-
-**Features**:
-- Simple state management
-- Button click handling
-- Real-time updates
-
----
-
-### 2. Chat - Real-time Communication
-**Directory**: `chat/`
-
-Multi-user chat application with WebSocket communication.
-
-```bash
-cd chat
-go run main.go
-# Visit http://localhost:8080
-```
-
-**Features**:
-- Multi-user chat rooms
-- WebSocket messaging
-- User presence
-- Message history
-
----
-
-### 3. Todos - Full CRUD Application
-**Directory**: `todos/`
-
-Complete todo list with database, validation, and full CRUD operations.
-
-```bash
-cd todos
-go run main.go
-# Visit http://localhost:8080
-```
-
-**Features**:
-- SQLite database
-- CRUD operations
-- Form validation
-- Database migrations
-- E2E tests with Chromedp
-
----
-
-### 4. Graceful Shutdown
-**Directory**: `graceful-shutdown/`
-
-Demonstrates proper server shutdown handling.
-
-```bash
-cd graceful-shutdown
-go run main.go
-# Press Ctrl+C to trigger graceful shutdown
-```
-
-**Features**:
-- Signal handling
-- Connection draining
-- Cleanup procedures
-
----
-
-### 5. Observability
-**Directory**: `observability/`
-
-Logging, metrics, and tracing example.
-
-```bash
-cd observability
-go run main.go
-```
-
-**Features**:
-- Structured logging
-- Custom metrics
-- Request tracing
-- Performance monitoring
-
----
-
-### 6. Testing
-**Directory**: `testing/01_basic/`
+## Progressive Complexity
+
+All examples follow the [progressive complexity](https://github.com/livetemplate/livetemplate/blob/main/docs/guides/progressive-complexity.md) model. Tier 1 (standard HTML) is preferred; Tier 2 (`lvt-*` attributes) is used only when necessary.
+
+| Example | Tier | Description | Tier 2 Attributes |
+|---------|------|-------------|--------------------|
+| `counter/` | 1 | Simple state management | None |
+| `chat/` | 1+2 | Real-time multi-user chat | `lvt-scroll` |
+| `todos/` | 1 | Full CRUD with SQLite | None |
+| `todos-progressive/` | 1 | Zero-attribute CRUD demo | None |
+| `todos-components/` | 1+2 | Component library (modal, toast) | Component-internal |
+| `flash-messages/` | 1 | Flash notification patterns | None |
+| `avatar-upload/` | 1+2 | File upload with progress | `lvt-upload` |
+| `graceful-shutdown/` | 1 | Server shutdown patterns | None |
+| `observability/` | 1 | Logging, metrics, tracing | None |
+| `progressive-enhancement/` | 1 | Works with/without JS | None |
+| `profile-progressive/` | 1 | Form validation | None |
+| `ws-disabled/` | 1 | HTTP-only mode | None |
+| `live-preview/` | 1 | Change() live updates | None |
+| `login/` | 1 | Authentication + sessions | None |
+| `testing/01_basic/` | 1 | E2E test patterns | None |
+| `production/single-host/` | 1 | Production deployment | None |
 
-E2E testing patterns with Chromedp.
-
-```bash
-cd testing/01_basic
-go test -v
-```
-
-**Features**:
-- Browser automation
-- E2E test patterns
-- Test helpers
-- Assertions
-
----
-
-### 7. Production
-**Directory**: `production/single-host/`
-
-Production deployment configuration.
-
-```bash
-cd production/single-host
-go run main.go
-```
-
-**Features**:
-- Production server setup
-- Environment configuration
-- Health checks
-- Deployment best practices
+## Examples
 
----
+The directories listed in the table above are individual example applications. Each folder contains a minimal, self-contained project that demonstrates a specific LiveTemplate pattern or feature.
 
 ## Running Examples
 
@@ -187,9 +83,9 @@ For local development, examples can serve the client library locally using `gith
 
 ## Dependencies
 
-- **Core Library**: `github.com/livetemplate/livetemplate v0.1.0`
-- **LVT Testing** (for examples with E2E tests): `github.com/livetemplate/lvt v0.1.0`
-- **Client Library**: `@livetemplate/client@0.1.0` (via CDN)
+- **Core Library**: `github.com/livetemplate/livetemplate v0.8.7`
+- **LVT Testing** (for examples with E2E tests): `github.com/livetemplate/lvt` (latest)
+- **Client Library**: `@livetemplate/client@latest` (via CDN)
 
 ## Related Projects
 
diff --git a/avatar-upload/avatar-upload.tmpl b/avatar-upload/avatar-upload.tmpl
index e1057b7..1eaea00 100644
--- a/avatar-upload/avatar-upload.tmpl
+++ b/avatar-upload/avatar-upload.tmpl
@@ -242,7 +242,7 @@
             </div>
         </div>
 
-        <form lvt-submit="UpdateProfile">
+        <form method="POST" name="updateProfile">
             <div class="form-group">
                 <label for="name">Name</label>
                 <input type="text" id="name" name="name" value="{{.Name}}" required>
diff --git a/chat/chat.tmpl b/chat/chat.tmpl
index 489c78f..5129e13 100644
--- a/chat/chat.tmpl
+++ b/chat/chat.tmpl
@@ -75,7 +75,7 @@
         </div>
 
         {{if not .CurrentUser}}
-        <form lvt-submit="join">
+        <form method="POST" name="join">
             <label>
                 Choose your username:
                 <input type="text" name="username" required autofocus>
@@ -101,7 +101,7 @@
             {{end}}
         </div>
 
-        <form class="input-form" lvt-submit="send">
+        <form class="input-form" method="POST" name="send">
             <input type="text" name="message" placeholder="Type your message..." autocomplete="off" autofocus>
             <button type="submit">Send</button>
         </form>
diff --git a/chat/chat_e2e_test.go b/chat/chat_e2e_test.go
index ffd1147..2c3ce57 100644
--- a/chat/chat_e2e_test.go
+++ b/chat/chat_e2e_test.go
@@ -123,17 +123,17 @@ func TestChatE2E(t *testing.T) {
 		err := chromedp.Run(browserCtx,
 			// Capture initial state
 			chromedp.Text(".stats", &initialStatsText, chromedp.ByQuery),
-			chromedp.Evaluate(`document.querySelector('form[lvt-submit="join"]') !== null`, &initialFormVisible),
+			chromedp.Evaluate(`document.querySelector('form[name="join"]') !== null`, &initialFormVisible),
 
 			// Fill and submit join form
 			chromedp.SetValue(`input[name="username"]`, "testuser", chromedp.ByQuery),
-			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('form[name="join"] button[type="submit"]').click()`, nil),
 			waitFor(`document.querySelector('.messages') !== null`, 5*time.Second),
 
 			// Capture after-join state
 			chromedp.Text(".stats", &afterStatsText, chromedp.ByQuery),
 			chromedp.Evaluate(`document.querySelector('.messages') !== null`, &afterChatVisible),
-			chromedp.Evaluate(`document.querySelector('form[lvt-submit="join"]') !== null`, &afterFormVisible),
+			chromedp.Evaluate(`document.querySelector('form[name="join"]') !== null`, &afterFormVisible),
 		)
 
 		if err != nil {
@@ -190,9 +190,9 @@ func TestChatE2E(t *testing.T) {
 			chromedp.Run(browserCtx,
 				chromedp.WaitVisible(`input[name="username"]`, chromedp.ByQuery),
 				chromedp.SetValue(`input[name="username"]`, "testuser", chromedp.ByQuery),
-				chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+				chromedp.Evaluate(`document.querySelector('form[name="join"] button[type="submit"]').click()`, nil),
 				waitFor(`document.querySelector('.messages') !== null`, 5*time.Second),
-				chromedp.WaitVisible(`.messages`, chromedp.ByQuery), // Explicitly wait for messages container
+				chromedp.WaitVisible(`.messages`, chromedp.ByQuery),
 			)
 			t.Log("Join completed, .messages container is visible")
 		}
@@ -210,7 +210,7 @@ func TestChatE2E(t *testing.T) {
 				return nil
 			}),
 			chromedp.SetValue(`input[name="message"]`, "First message", chromedp.ByQuery),
-			chromedp.Click(`form[lvt-submit="send"] button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('form[name="send"] button[type="submit"]').click()`, nil),
 			waitFor(`document.querySelectorAll('.messages .message').length >= 1`, 5*time.Second),
 
 			chromedp.ActionFunc(func(ctx context.Context) error {
@@ -231,7 +231,7 @@ func TestChatE2E(t *testing.T) {
 				return nil
 			}),
 			chromedp.SetValue(`input[name="message"]`, "Second message", chromedp.ByQuery),
-			chromedp.Click(`form[lvt-submit="send"] button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('form[name="send"] button[type="submit"]').click()`, nil),
 			waitFor(`document.querySelectorAll('.messages .message').length >= 2`, 5*time.Second),
 
 			chromedp.ActionFunc(func(ctx context.Context) error {
@@ -252,7 +252,7 @@ func TestChatE2E(t *testing.T) {
 				return nil
 			}),
 			chromedp.SetValue(`input[name="message"]`, "Third message", chromedp.ByQuery),
-			chromedp.Click(`form[lvt-submit="send"] button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('form[name="send"] button[type="submit"]').click()`, nil),
 			waitFor(`document.querySelectorAll('.messages .message').length >= 3`, 5*time.Second),
 
 			chromedp.ActionFunc(func(ctx context.Context) error {
diff --git a/counter/counter.tmpl b/counter/counter.tmpl
index 2241f71..db32af0 100644
--- a/counter/counter.tmpl
+++ b/counter/counter.tmpl
@@ -10,9 +10,9 @@
     <div>
         <p>Counter: {{.Counter}}</p>
         <div>
-            <button lvt-click="increment">+1</button>
-            <button lvt-click="decrement">-1</button>
-            <button lvt-click="reset">Reset</button>
+            <button name="increment">+1</button>
+            <button name="decrement">-1</button>
+            <button name="reset">Reset</button>
         </div>
     </div>
     <footer>
diff --git a/flash-messages/flash.tmpl b/flash-messages/flash.tmpl
index 3051fb6..5a2b704 100644
--- a/flash-messages/flash.tmpl
+++ b/flash-messages/flash.tmpl
@@ -166,12 +166,12 @@
 
     <!-- Add Item Form -->
     <div class="form-group">
-        <form lvt-submit="add_item">
+        <form method="POST" name="addItem">
             <input type="text"
                    name="item"
                    placeholder="Enter item name"
                    class="{{if .lvt.HasError "item"}}error{{end}}" />
-            <button type="submit">Add Item</button>
+            <button type="submit" name="addItem">Add Item</button>
             {{if .lvt.HasError "item"}}
             <div class="field-error">{{.lvt.Error "item"}}</div>
             {{end}}
@@ -180,8 +180,8 @@
 
     <!-- Action Buttons -->
     <div class="form-group">
-        <button lvt-click="clear_items" class="btn-warning">Clear All</button>
-        <button lvt-click="simulate_error" class="btn-danger">Simulate Error</button>
+        <button name="clearItems" class="btn-warning">Clear All</button>
+        <button name="simulateError" class="btn-danger">Simulate Error</button>
     </div>
 
     <!-- Items List -->
@@ -191,7 +191,10 @@
         {{range .Items}}
         <div class="item">
             <span class="item-name">{{.}}</span>
-            <button lvt-click="remove_item" lvt-data-item="{{.}}" class="remove-btn btn-secondary">Remove</button>
+            <form method="POST" name="removeItem" style="display:inline; margin:0;">
+                <input type="hidden" name="item" value="{{.}}">
+                <button type="submit" name="removeItem" class="remove-btn btn-secondary">Remove</button>
+            </form>
         </div>
         {{end}}
         {{else}}
diff --git a/flash-messages/flash_test.go b/flash-messages/flash_test.go
index 57baadc..f2152f6 100644
--- a/flash-messages/flash_test.go
+++ b/flash-messages/flash_test.go
@@ -42,7 +42,7 @@ func TestFlash_ShowsInTemplate(t *testing.T) {
 
 	// 2. POST to add item (should set success flash)
 	form := url.Values{}
-	form.Set("action", "add_item")
+	form.Set("addItem", "")
 	form.Set("item", "Test Item")
 
 	resp, err = client.PostForm(server.URL+"/", form)
@@ -90,7 +90,7 @@ func TestFlash_ClearsAfterAction(t *testing.T) {
 
 	// 2. POST to add first item (sets flash)
 	form := url.Values{}
-	form.Set("action", "add_item")
+	form.Set("addItem", "")
 	form.Set("item", "First Item")
 	resp, err = client.PostForm(server.URL+"/", form)
 	if err != nil {
@@ -105,7 +105,7 @@ func TestFlash_ClearsAfterAction(t *testing.T) {
 
 	// 3. POST to add second item (new flash replaces old)
 	form = url.Values{}
-	form.Set("action", "add_item")
+	form.Set("addItem", "")
 	form.Set("item", "Second Item")
 	resp, err = client.PostForm(server.URL+"/", form)
 	if err != nil {
@@ -154,28 +154,28 @@ func TestFlash_DifferentTypes(t *testing.T) {
 	}{
 		{
 			name:      "success flash",
-			action:    "add_item",
+			action:    "addItem",
 			item:      "New Item",
 			wantClass: "flash-success",
 			wantText:  "Added item: New Item",
 		},
 		{
 			name:      "warning flash (duplicate)",
-			action:    "add_item",
+			action:    "addItem",
 			item:      "New Item", // Same item = duplicate
 			wantClass: "flash-warning",
 			wantText:  "Item already exists",
 		},
 		{
 			name:      "info flash",
-			action:    "remove_item",
+			action:    "removeItem",
 			item:      "New Item",
 			wantClass: "flash-info",
 			wantText:  "Removed item: New Item",
 		},
 		{
 			name:      "error flash",
-			action:    "simulate_error",
+			action:    "simulateError",
 			item:      "",
 			wantClass: "flash-error",
 			wantText:  "Something went wrong",
@@ -185,7 +185,7 @@ func TestFlash_DifferentTypes(t *testing.T) {
 	for _, tt := range tests {
 		t.Run(tt.name, func(t *testing.T) {
 			form := url.Values{}
-			form.Set("action", tt.action)
+			form.Set(tt.action, "")
 			if tt.item != "" {
 				form.Set("item", tt.item)
 			}
@@ -229,7 +229,7 @@ func TestFlash_FieldErrorsStillWork(t *testing.T) {
 
 	// POST with empty item (triggers field error, not flash)
 	form := url.Values{}
-	form.Set("action", "add_item")
+	form.Set("addItem", "")
 	form.Set("item", "") // Empty = validation error
 
 	resp, err := client.PostForm(server.URL+"/", form)
diff --git a/go.mod b/go.mod
index 66b1615..be164aa 100644
--- a/go.mod
+++ b/go.mod
@@ -8,9 +8,9 @@ require (
 	github.com/go-playground/validator/v10 v10.30.1
 	github.com/google/uuid v1.6.0
 	github.com/gorilla/websocket v1.5.3
-	github.com/livetemplate/livetemplate v0.8.6-0.20260326080534-a4fac4c2b17e
-	github.com/livetemplate/lvt v0.0.0-20260110064539-b9afb9e6df26
-	github.com/livetemplate/lvt/components v0.0.0-20260228153051-c00a45caae95
+	github.com/livetemplate/livetemplate v0.8.7
+	github.com/livetemplate/lvt v0.0.0-20260327182801-53d6d40e692e
+	github.com/livetemplate/lvt/components v0.0.0-20260327182801-53d6d40e692e
 	modernc.org/sqlite v1.43.0
 )
 
@@ -36,14 +36,12 @@ require (
 	github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec // indirect
 	github.com/tdewolff/minify/v2 v2.24.8 // indirect
 	github.com/tdewolff/parse/v2 v2.8.5 // indirect
-	golang.org/x/crypto v0.47.0 // indirect
+	golang.org/x/crypto v0.48.0 // indirect
 	golang.org/x/exp v0.0.0-20251219203646-944ab1f22d93 // indirect
-	golang.org/x/mod v0.33.0 // indirect
-	golang.org/x/net v0.49.0 // indirect
-	golang.org/x/sys v0.40.0 // indirect
-	golang.org/x/text v0.33.0 // indirect
+	golang.org/x/net v0.50.0 // indirect
+	golang.org/x/sys v0.41.0 // indirect
+	golang.org/x/text v0.35.0 // indirect
 	golang.org/x/time v0.14.0 // indirect
-	golang.org/x/tools v0.41.0 // indirect
 	modernc.org/libc v1.67.4 // indirect
 	modernc.org/mathutil v1.7.1 // indirect
 	modernc.org/memory v1.11.0 // indirect
diff --git a/go.sum b/go.sum
index ae29b04..1c64aea 100644
--- a/go.sum
+++ b/go.sum
@@ -92,12 +92,12 @@ github.com/ledongthuc/pdf v0.0.0-20220302134840-0c2507a12d80 h1:6Yzfa6GP0rIo/kUL
 github.com/ledongthuc/pdf v0.0.0-20220302134840-0c2507a12d80/go.mod h1:imJHygn/1yfhB7XSJJKlFZKl/J+dCPAknuiaGOshXAs=
 github.com/leodido/go-urn v1.4.0 h1:WT9HwE9SGECu3lg4d/dIA+jxlljEa1/ffXKmRjqdmIQ=
 github.com/leodido/go-urn v1.4.0/go.mod h1:bvxc+MVxLKB4z00jd1z+Dvzr47oO32F/QSNjSBOlFxI=
-github.com/livetemplate/livetemplate v0.8.6-0.20260326080534-a4fac4c2b17e h1:GIsKwtfYZqHXXSFm+5xd5vS83yaHRIeriJ4o9NIJJgw=
-github.com/livetemplate/livetemplate v0.8.6-0.20260326080534-a4fac4c2b17e/go.mod h1:GMvZKyPUq8LSGfgD3pftKOHa6v+I+RDYyff2mNjeAYs=
-github.com/livetemplate/lvt v0.0.0-20260110064539-b9afb9e6df26 h1:RRYko8rFvHz8ad5ixw3ke1ZvJKMtVqJA6Ddxx92Wobw=
-github.com/livetemplate/lvt v0.0.0-20260110064539-b9afb9e6df26/go.mod h1:b+qhiaDS5oURHjiCs+ZPOoJTtZ+5cCM8xyriVA97uQo=
-github.com/livetemplate/lvt/components v0.0.0-20260228153051-c00a45caae95 h1:ZeZBbM80f9J/hlVFaEJlnpzChGAy4nyMx3ziqXYg5RI=
-github.com/livetemplate/lvt/components v0.0.0-20260228153051-c00a45caae95/go.mod h1:mR77vCY0w5oevC2Rz463tmcJosFG5ukDQLWronOHwEI=
+github.com/livetemplate/livetemplate v0.8.7 h1:oDskYV9TI3Lt2/AnVsjyHPl5AnbvNoodiN/1p/0ekv0=
+github.com/livetemplate/livetemplate v0.8.7/go.mod h1:GMvZKyPUq8LSGfgD3pftKOHa6v+I+RDYyff2mNjeAYs=
+github.com/livetemplate/lvt v0.0.0-20260327182801-53d6d40e692e h1:nAV7BaOatFcbSaP6m9CgLrRsGPeWtbjPDZ8dOI6Zb+c=
+github.com/livetemplate/lvt v0.0.0-20260327182801-53d6d40e692e/go.mod h1:17cFl500ntymD3gx8h+ZODnVnTictHgG8Wmz/By75sU=
+github.com/livetemplate/lvt/components v0.0.0-20260327182801-53d6d40e692e h1:vuR0pQtEQHZOD2/HvTJfHPKEdoD77XUs1mq1kdjgVig=
+github.com/livetemplate/lvt/components v0.0.0-20260327182801-53d6d40e692e/go.mod h1:G9PElN3LRf8xoRtoxbOAcTkV/4FhrCE/Laczkz5bfL4=
 github.com/lufia/plan9stats v0.0.0-20211012122336-39d0f177ccd0 h1:6E+4a0GO5zZEnZ81pIr0yLvtUWk2if982qA3F3QD6H4=
 github.com/lufia/plan9stats v0.0.0-20211012122336-39d0f177ccd0/go.mod h1:zJYVVT2jmtg6P3p1VtQj7WsuWi/y4VnjVBn7F8KPB3I=
 github.com/magiconair/properties v1.8.10 h1:s31yESBquKXCV9a/ScB3ESkOjUYYv+X0rg8SYxI99mE=
@@ -178,25 +178,25 @@ go.opentelemetry.io/otel/metric v1.37.0 h1:mvwbQS5m0tbmqML4NqK+e3aDiO02vsf/Wgbsd
 go.opentelemetry.io/otel/metric v1.37.0/go.mod h1:04wGrZurHYKOc+RKeye86GwKiTb9FKm1WHtO+4EVr2E=
 go.opentelemetry.io/otel/trace v1.37.0 h1:HLdcFNbRQBE2imdSEgm/kwqmQj1Or1l/7bW6mxVK7z4=
 go.opentelemetry.io/otel/trace v1.37.0/go.mod h1:TlgrlQ+PtQO5XFerSPUYG0JSgGyryXewPGyayAWSBS0=
-golang.org/x/crypto v0.47.0 h1:V6e3FRj+n4dbpw86FJ8Fv7XVOql7TEwpHapKoMJ/GO8=
-golang.org/x/crypto v0.47.0/go.mod h1:ff3Y9VzzKbwSSEzWqJsJVBnWmRwRSHt/6Op5n9bQc4A=
+golang.org/x/crypto v0.48.0 h1:/VRzVqiRSggnhY7gNRxPauEQ5Drw9haKdM0jqfcCFts=
+golang.org/x/crypto v0.48.0/go.mod h1:r0kV5h3qnFPlQnBSrULhlsRfryS2pmewsg+XfMgkVos=
 golang.org/x/exp v0.0.0-20251219203646-944ab1f22d93 h1:fQsdNF2N+/YewlRZiricy4P1iimyPKZ/xwniHj8Q2a0=
 golang.org/x/exp v0.0.0-20251219203646-944ab1f22d93/go.mod h1:EPRbTFwzwjXj9NpYyyrvenVh9Y+GFeEvMNh7Xuz7xgU=
 golang.org/x/mod v0.33.0 h1:tHFzIWbBifEmbwtGz65eaWyGiGZatSrT9prnU8DbVL8=
 golang.org/x/mod v0.33.0/go.mod h1:swjeQEj+6r7fODbD2cqrnje9PnziFuw4bmLbBZFrQ5w=
-golang.org/x/net v0.49.0 h1:eeHFmOGUTtaaPSGNmjBKpbng9MulQsJURQUAfUwY++o=
-golang.org/x/net v0.49.0/go.mod h1:/ysNB2EvaqvesRkuLAyjI1ycPZlQHM3q01F02UY/MV8=
-golang.org/x/sync v0.19.0 h1:vV+1eWNmZ5geRlYjzm2adRgW2/mcpevXNg50YZtPCE4=
-golang.org/x/sync v0.19.0/go.mod h1:9KTHXmSnoGruLpwFjVSX0lNNA75CykiMECbovNTZqGI=
+golang.org/x/net v0.50.0 h1:ucWh9eiCGyDR3vtzso0WMQinm2Dnt8cFMuQa9K33J60=
+golang.org/x/net v0.50.0/go.mod h1:UgoSli3F/pBgdJBHCTc+tp3gmrU4XswgGRgtnwWTfyM=
+golang.org/x/sync v0.20.0 h1:e0PTpb7pjO8GAtTs2dQ6jYa5BWYlMuX047Dco/pItO4=
+golang.org/x/sync v0.20.0/go.mod h1:9xrNwdLfx4jkKbNva9FpL6vEN7evnE43NNNJQ2LF3+0=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.40.0 h1:DBZZqJ2Rkml6QMQsZywtnjnnGvHza6BTfYFWY9kjEWQ=
-golang.org/x/sys v0.40.0/go.mod h1:OgkHotnGiDImocRcuBABYBEXf8A9a87e/uXjp9XT3ks=
-golang.org/x/text v0.33.0 h1:B3njUFyqtHDUI5jMn1YIr5B0IE2U0qck04r6d4KPAxE=
-golang.org/x/text v0.33.0/go.mod h1:LuMebE6+rBincTi9+xWTY8TztLzKHc/9C1uBCG27+q8=
+golang.org/x/sys v0.41.0 h1:Ivj+2Cp/ylzLiEU89QhWblYnOE9zerudt9Ftecq2C6k=
+golang.org/x/sys v0.41.0/go.mod h1:OgkHotnGiDImocRcuBABYBEXf8A9a87e/uXjp9XT3ks=
+golang.org/x/text v0.35.0 h1:JOVx6vVDFokkpaq1AEptVzLTpDe9KGpj5tR4/X+ybL8=
+golang.org/x/text v0.35.0/go.mod h1:khi/HExzZJ2pGnjenulevKNX1W67CUy0AsXcNubPGCA=
 golang.org/x/time v0.14.0 h1:MRx4UaLrDotUKUdCIqzPC48t1Y9hANFKIRpNx+Te8PI=
 golang.org/x/time v0.14.0/go.mod h1:eL/Oa2bBBK0TkX57Fyni+NgnyQQN4LitPmob2Hjnqw4=
-golang.org/x/tools v0.41.0 h1:a9b8iMweWG+S0OBnlU36rzLp20z1Rp10w+IY2czHTQc=
-golang.org/x/tools v0.41.0/go.mod h1:XSY6eDqxVNiYgezAVqqCeihT4j1U2CCsqvH3WhQpnlg=
+golang.org/x/tools v0.42.0 h1:uNgphsn75Tdz5Ji2q36v/nsFSfR/9BRFvqhGBaJGd5k=
+golang.org/x/tools v0.42.0/go.mod h1:Ma6lCIwGZvHK6XtgbswSoWroEkhugApmsXyrUmBhfr0=
 gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
 modernc.org/cc/v4 v4.27.1 h1:9W30zRlYrefrDV2JE2O8VDtJ1yPGownxciz5rrbQZis=
diff --git a/graceful-shutdown/counter.tmpl b/graceful-shutdown/counter.tmpl
index 2241f71..db32af0 100644
--- a/graceful-shutdown/counter.tmpl
+++ b/graceful-shutdown/counter.tmpl
@@ -10,9 +10,9 @@
     <div>
         <p>Counter: {{.Counter}}</p>
         <div>
-            <button lvt-click="increment">+1</button>
-            <button lvt-click="decrement">-1</button>
-            <button lvt-click="reset">Reset</button>
+            <button name="increment">+1</button>
+            <button name="decrement">-1</button>
+            <button name="reset">Reset</button>
         </div>
     </div>
     <footer>
diff --git a/login/login_test.go b/login/login_test.go
index 67940ca..f2b401b 100644
--- a/login/login_test.go
+++ b/login/login_test.go
@@ -98,7 +98,7 @@ func TestLoginE2E(t *testing.T) {
 	t.Run("Invalid Credentials via Form Submit", func(t *testing.T) {
 		var html string
 
-		// Use chromedp.Submit which triggers form submission and waits for navigation
+		// Click the submit button (not form.submit()) so button name is included in form data
 		err := chromedp.Run(ctx,
 			// Fill in wrong credentials
 			chromedp.WaitVisible(`#username`, chromedp.ByQuery),
@@ -106,8 +106,8 @@ func TestLoginE2E(t *testing.T) {
 			chromedp.SendKeys(`#username`, "testuser", chromedp.ByQuery),
 			chromedp.Clear(`#password`, chromedp.ByQuery),
 			chromedp.SendKeys(`#password`, "wrongpassword", chromedp.ByQuery),
-			// Submit the form (this triggers HTTP POST and page refresh)
-			chromedp.Submit(`form`, chromedp.ByQuery),
+			// Click the submit button so its name="login" is included in form data
+			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
 			// Wait for page to reload and render
 			chromedp.Sleep(2*time.Second),
 			chromedp.OuterHTML(`body`, &html, chromedp.ByQuery),
@@ -135,8 +135,8 @@ func TestLoginE2E(t *testing.T) {
 			chromedp.SendKeys(`#username`, "testuser", chromedp.ByQuery),
 			chromedp.Clear(`#password`, chromedp.ByQuery),
 			chromedp.SendKeys(`#password`, "secret", chromedp.ByQuery),
-			// Submit form
-			chromedp.Submit(`form`, chromedp.ByQuery),
+			// Click submit button so its name="login" is included in form data
+			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
 			// Wait for redirect and page load
 			chromedp.Sleep(2*time.Second),
 			chromedp.OuterHTML(`body`, &html, chromedp.ByQuery),
@@ -165,9 +165,9 @@ func TestLoginE2E(t *testing.T) {
 		var html string
 
 		err := chromedp.Run(ctx,
-			// Submit logout form
-			chromedp.WaitVisible(`form`, chromedp.ByQuery),
-			chromedp.Submit(`form`, chromedp.ByQuery),
+			// Click logout button so its name="logout" is included in form data
+			chromedp.WaitVisible(`button[name="logout"]`, chromedp.ByQuery),
+			chromedp.Click(`button[name="logout"]`, chromedp.ByQuery),
 			// Wait for redirect
 			chromedp.Sleep(2*time.Second),
 			chromedp.OuterHTML(`body`, &html, chromedp.ByQuery),
@@ -244,7 +244,7 @@ func TestLoginHTTPCookie(t *testing.T) {
 	}
 
 	// Test login via HTTP POST
-	formData := strings.NewReader("lvt-action=login&username=testuser&password=secret")
+	formData := strings.NewReader("login=&username=testuser&password=secret")
 	req, err := http.NewRequest("POST", serverURL, formData)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -290,7 +290,7 @@ func TestLoginHTTPCookie(t *testing.T) {
 	t.Log("✅ HTTP cookie login verified")
 
 	// Test logout
-	formData = strings.NewReader("lvt-action=logout")
+	formData = strings.NewReader("logout=")
 	req, err = http.NewRequest("POST", serverURL, formData)
 	if err != nil {
 		t.Fatalf("Failed to create logout request: %v", err)
diff --git a/login/templates/auth.html b/login/templates/auth.html
index cb407ad..3224ccd 100644
--- a/login/templates/auth.html
+++ b/login/templates/auth.html
@@ -143,8 +143,7 @@ <h1>Dashboard</h1>
         </div>
         <!-- HTTP logout (deletes session cookie) -->
         <form method="POST">
-            <input type="hidden" name="lvt-action" value="logout">
-            <button type="submit" class="btn-danger">Logout</button>
+            <button type="submit" name="logout" class="btn-danger">Logout</button>
         </form>
         {{else}}
         <!-- Login View -->
@@ -154,7 +153,6 @@ <h1>Login</h1>
         {{end}}
         <!-- HTTP login form (sets HttpOnly cookie, redirects to dashboard) -->
         <form method="POST">
-            <input type="hidden" name="lvt-action" value="login">
             <div class="form-group">
                 <label for="username">Username</label>
                 <input type="text" id="username" name="username" placeholder="Enter username" required>
@@ -163,7 +161,7 @@ <h1>Login</h1>
                 <label for="password">Password</label>
                 <input type="password" id="password" name="password" placeholder="Enter password" required>
             </div>
-            <button type="submit" class="btn-primary">Login</button>
+            <button type="submit" name="login" class="btn-primary">Login</button>
         </form>
 
         <div class="info">
diff --git a/observability/counter.tmpl b/observability/counter.tmpl
index 2241f71..db32af0 100644
--- a/observability/counter.tmpl
+++ b/observability/counter.tmpl
@@ -10,9 +10,9 @@
     <div>
         <p>Counter: {{.Counter}}</p>
         <div>
-            <button lvt-click="increment">+1</button>
-            <button lvt-click="decrement">-1</button>
-            <button lvt-click="reset">Reset</button>
+            <button name="increment">+1</button>
+            <button name="decrement">-1</button>
+            <button name="reset">Reset</button>
         </div>
     </div>
     <footer>
diff --git a/production/single-host/app.tmpl b/production/single-host/app.tmpl
index f4c44ad..d6eade7 100644
--- a/production/single-host/app.tmpl
+++ b/production/single-host/app.tmpl
@@ -160,9 +160,9 @@
         </div>
 
         <div class="button-group">
-            <button lvt-click="increment">+1</button>
-            <button lvt-click="decrement">-1</button>
-            <button class="reset" lvt-click="reset">Reset</button>
+            <button name="increment">+1</button>
+            <button name="decrement">-1</button>
+            <button class="reset" name="reset">Reset</button>
         </div>
 
         <div class="footer">
diff --git a/profile-progressive/profile.tmpl b/profile-progressive/profile.tmpl
index c69b6e8..cdd0092 100644
--- a/profile-progressive/profile.tmpl
+++ b/profile-progressive/profile.tmpl
@@ -47,7 +47,7 @@
             <div class="error">{{.lvt.Error "bio"}}</div>
         {{end}}
 
-        <button type="submit">Save Profile</button>
+        <button type="submit" name="submit">Save Profile</button>
     </form>
 
     <div class="preview">
diff --git a/profile-progressive/profile_progressive_test.go b/profile-progressive/profile_progressive_test.go
index f62e444..b161c15 100644
--- a/profile-progressive/profile_progressive_test.go
+++ b/profile-progressive/profile_progressive_test.go
@@ -93,9 +93,12 @@ func TestProfileProgressiveE2E(t *testing.T) {
 
 	t.Run("ValidSave", func(t *testing.T) {
 		err := chromedp.Run(ctx,
-			chromedp.Evaluate(`document.querySelector('input[name="DisplayName"]').value = 'John Smith'`, nil),
-			chromedp.Evaluate(`document.querySelector('input[name="Email"]').value = 'john@example.com'`, nil),
-			chromedp.Evaluate(`document.querySelector('textarea[name="Bio"]').value = 'Updated bio text.'`, nil),
+			chromedp.Clear(`input[name="DisplayName"]`, chromedp.ByQuery),
+			chromedp.SendKeys(`input[name="DisplayName"]`, "John Smith", chromedp.ByQuery),
+			chromedp.Clear(`input[name="Email"]`, chromedp.ByQuery),
+			chromedp.SendKeys(`input[name="Email"]`, "john@example.com", chromedp.ByQuery),
+			chromedp.Clear(`textarea[name="Bio"]`, chromedp.ByQuery),
+			chromedp.SendKeys(`textarea[name="Bio"]`, "Updated bio text.", chromedp.ByQuery),
 			chromedp.Evaluate(`document.querySelector('button[type="submit"]').click()`, nil),
 			e2etest.WaitFor(`document.querySelector('.success') !== null`, 5*time.Second),
 		)
diff --git a/progressive-enhancement/progressive-enhancement.tmpl b/progressive-enhancement/progressive-enhancement.tmpl
index d03f569..79921e1 100644
--- a/progressive-enhancement/progressive-enhancement.tmpl
+++ b/progressive-enhancement/progressive-enhancement.tmpl
@@ -47,11 +47,10 @@
         {{end}}
 
         <!-- Add todo form -->
-        <!-- Works with JS: lvt-submit triggers WebSocket action -->
-        <!-- Works without JS: method="POST" + lvt-action triggers HTTP form submission -->
+        <!-- Works with JS: client intercepts form and routes via WebSocket/fetch -->
+        <!-- Works without JS: method="POST" triggers HTTP form submission -->
         <article>
-            <form method="POST" lvt-submit="add">
-                <input type="hidden" name="lvt-action" value="add">
+            <form method="POST" name="add">
                 <input
                     type="text"
                     name="title"
@@ -63,7 +62,7 @@
                 {{if .lvt.HasError "title"}}
                 <small>{{.lvt.Error "title"}}</small>
                 {{end}}
-                <button type="submit">Add Todo</button>
+                <button type="submit" name="add">Add Todo</button>
             </form>
         </article>
 
@@ -78,20 +77,18 @@
             {{/* No explicit data-key needed - library auto-generates content-based keys */}}
             <div class="todo-item{{if .Completed}} completed{{end}}">
                 <!-- Toggle form -->
-                <form method="POST" lvt-submit="toggle">
-                    <input type="hidden" name="lvt-action" value="toggle">
+                <form method="POST" name="toggle">
                     <input type="hidden" name="id" value="{{.ID}}">
-                    <button type="submit" class="secondary outline" title="Toggle completed">
+                    <button type="submit" name="toggle" class="secondary outline" title="Toggle completed">
                         {{if .Completed}}&#10003;{{else}}&#9675;{{end}}
                     </button>
                 </form>
                 <span class="todo-title">{{.Title}}</span>
                 <small>{{.CreatedAt}}</small>
                 <!-- Delete form -->
-                <form method="POST" lvt-submit="delete">
-                    <input type="hidden" name="lvt-action" value="delete">
+                <form method="POST" name="delete">
                     <input type="hidden" name="id" value="{{.ID}}">
-                    <button type="submit" class="contrast outline" title="Delete">&#10005;</button>
+                    <button type="submit" name="delete" class="contrast outline" title="Delete">&#10005;</button>
                 </form>
             </div>
             {{end}}
diff --git a/progressive-enhancement/progressive_enhancement_test.go b/progressive-enhancement/progressive_enhancement_test.go
index 6a148a8..99d08d9 100644
--- a/progressive-enhancement/progressive_enhancement_test.go
+++ b/progressive-enhancement/progressive_enhancement_test.go
@@ -76,9 +76,9 @@ func TestProgressiveEnhancement_WithJS(t *testing.T) {
 		t.Error("Expected page title in HTML")
 	}
 
-	// Verify form exists
-	if !strings.Contains(initialHTML, `name="lvt-action"`) {
-		t.Error("Expected lvt-action hidden field in form")
+	// Verify form has submit button with name
+	if !strings.Contains(initialHTML, `name="add"`) {
+		t.Error("Expected button with name='add' in form")
 	}
 }
 
@@ -270,7 +270,7 @@ func TestProgressiveEnhancement_NoJS(t *testing.T) {
 	}
 
 	// POST a new todo (simulating form submission without JS)
-	form := strings.NewReader("lvt-action=add&title=HTTP+test+todo")
+	form := strings.NewReader("add=&title=HTTP+test+todo")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -305,37 +305,43 @@ func TestProgressiveEnhancement_ValidationError(t *testing.T) {
 	server := setupServer(t)
 	defer server.Close()
 
-	client := &http.Client{
-		CheckRedirect: func(req *http.Request, via []*http.Request) error {
-			return http.ErrUseLastResponse
-		},
+	client := &http.Client{}
+
+	// GET to establish session
+	resp, err := client.Get(server.URL)
+	if err != nil {
+		t.Fatalf("GET failed: %v", err)
 	}
+	cookies := resp.Cookies()
+	resp.Body.Close()
 
-	// POST with empty title (should fail validation)
-	form := strings.NewReader("lvt-action=add&title=")
+	// POST with empty title via JSON (like the client library does)
+	// Field errors are returned inline in JSON responses
+	form := strings.NewReader("add=&title=")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
 	}
 	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
-	req.Header.Set("Accept", "text/html")
+	req.Header.Set("Accept", "application/json")
+	for _, c := range cookies {
+		req.AddCookie(c)
+	}
 
-	resp, err := client.Do(req)
+	resp, err = client.Do(req)
 	if err != nil {
 		t.Fatalf("POST failed: %v", err)
 	}
 	defer resp.Body.Close()
 
-	// Should return 200 with re-rendered form (not redirect)
-	// because validation failed
+	// Should return 200 with JSON containing field errors
 	if resp.StatusCode != http.StatusOK {
-		t.Errorf("Expected status 200 (re-render with errors), got %d", resp.StatusCode)
+		t.Errorf("Expected status 200, got %d", resp.StatusCode)
 	}
 
-	// Content-Type should be HTML
 	ct := resp.Header.Get("Content-Type")
-	if !strings.Contains(ct, "text/html") {
-		t.Errorf("Expected Content-Type text/html, got %q", ct)
+	if !strings.Contains(ct, "application/json") {
+		t.Errorf("Expected Content-Type application/json, got %q", ct)
 	}
 }
 
@@ -347,7 +353,7 @@ func TestProgressiveEnhancement_JSClientGetsJSON(t *testing.T) {
 	client := &http.Client{}
 
 	// POST with Accept: application/json (like JS client would)
-	form := strings.NewReader("lvt-action=add&title=JSON+test")
+	form := strings.NewReader("add=&title=JSON+test")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -385,7 +391,7 @@ func TestProgressiveEnhancement_Toggle(t *testing.T) {
 	}
 
 	// Toggle an existing todo (ID "1" is pre-populated)
-	form := strings.NewReader("lvt-action=toggle&id=1")
+	form := strings.NewReader("toggle=&id=1")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -417,7 +423,7 @@ func TestProgressiveEnhancement_Delete(t *testing.T) {
 	}
 
 	// Delete an existing todo (ID "2" is pre-populated)
-	form := strings.NewReader("lvt-action=delete&id=2")
+	form := strings.NewReader("delete=&id=2")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -465,7 +471,7 @@ func TestProgressiveEnhancement_DisabledReturnsJSON(t *testing.T) {
 	client := &http.Client{}
 
 	// POST with Accept: text/html (like a no-JS browser)
-	form := strings.NewReader("lvt-action=add&title=test")
+	form := strings.NewReader("add=&title=test")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -525,12 +531,11 @@ func TestProgressiveEnhancement_WebSocketCRUD(t *testing.T) {
 	}
 	t.Logf("Initial todo count: %d", initialCount)
 
-	// Step 2: Add a new todo
+	// Step 2: Add a new todo via form submission (client intercepts and routes via WebSocket)
 	expectedAfterAdd := initialCount + 1
 	err = chromedp.Run(ctx,
-		chromedp.Clear(`input[name="title"]`, chromedp.ByQuery),
 		chromedp.SendKeys(`input[name="title"]`, "E2E Test Todo", chromedp.ByQuery),
-		chromedp.Submit(`form[lvt-submit="add"]`, chromedp.ByQuery),
+		chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 		// Wait for DOM to update with new item
 		e2etest.WaitFor(fmt.Sprintf(`document.querySelectorAll('.todo-item').length === %d`, expectedAfterAdd), 5*time.Second),
 		chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &afterAddCount),
@@ -546,9 +551,8 @@ func TestProgressiveEnhancement_WebSocketCRUD(t *testing.T) {
 	}
 
 	// Step 3: Toggle the last todo (mark as complete)
-	// The new todo should NOT have .completed class initially
 	err = chromedp.Run(ctx,
-		chromedp.Submit(`.todo-item:last-child form[lvt-submit="toggle"]`, chromedp.ByQuery),
+		chromedp.Evaluate(`document.querySelector('.todo-item:last-child button[name="toggle"]').click()`, nil),
 		// Wait for the completed class to appear
 		e2etest.WaitFor(`document.querySelector('.todo-item:last-child').classList.contains('completed')`, 5*time.Second),
 		chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &afterToggleCount),
@@ -569,7 +573,7 @@ func TestProgressiveEnhancement_WebSocketCRUD(t *testing.T) {
 
 	// Step 4: Toggle again (mark as incomplete)
 	err = chromedp.Run(ctx,
-		chromedp.Submit(`.todo-item:last-child form[lvt-submit="toggle"]`, chromedp.ByQuery),
+		chromedp.Evaluate(`document.querySelector('.todo-item:last-child button[name="toggle"]').click()`, nil),
 		// Wait for the completed class to be removed
 		e2etest.WaitFor(`!document.querySelector('.todo-item:last-child').classList.contains('completed')`, 5*time.Second),
 		chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &afterUntoggleCount),
@@ -590,7 +594,7 @@ func TestProgressiveEnhancement_WebSocketCRUD(t *testing.T) {
 
 	// Step 5: Delete the last todo (the one we just added)
 	err = chromedp.Run(ctx,
-		chromedp.Submit(`.todo-item:last-child form[lvt-submit="delete"]`, chromedp.ByQuery),
+		chromedp.Evaluate(`document.querySelector('.todo-item:last-child button[name="delete"]').click()`, nil),
 		// Wait for DOM to update with deleted item
 		e2etest.WaitFor(fmt.Sprintf(`document.querySelectorAll('.todo-item').length === %d`, initialCount), 5*time.Second),
 		chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &afterDeleteCount),
@@ -651,7 +655,7 @@ func TestProgressiveEnhancement_DeleteThenToggle(t *testing.T) {
 	// Step 2: Delete the FIRST todo
 	expectedAfterDelete := initialCount - 1
 	err = chromedp.Run(ctx,
-		chromedp.Submit(`.todo-item:first-child form[lvt-submit="delete"]`, chromedp.ByQuery),
+		chromedp.Evaluate(`document.querySelector('.todo-item:first-child button[name="delete"]').click()`, nil),
 		// Wait for DOM to update with deleted item
 		e2etest.WaitFor(fmt.Sprintf(`document.querySelectorAll('.todo-item').length === %d`, expectedAfterDelete), 5*time.Second),
 		chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &afterDeleteCount),
@@ -684,7 +688,7 @@ func TestProgressiveEnhancement_DeleteThenToggle(t *testing.T) {
 	}
 
 	err = chromedp.Run(ctx,
-		chromedp.Submit(`.todo-item:last-child form[lvt-submit="toggle"]`, chromedp.ByQuery),
+		chromedp.Evaluate(`document.querySelector('.todo-item:last-child button[name="toggle"]').click()`, nil),
 		// Wait for the completed class to change
 		e2etest.WaitFor(toggleWaitCondition, 5*time.Second),
 		chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &afterToggleCount),
diff --git a/todos-components/todos-components.tmpl b/todos-components/todos-components.tmpl
index b8dd6db..fcc9967 100644
--- a/todos-components/todos-components.tmpl
+++ b/todos-components/todos-components.tmpl
@@ -23,14 +23,14 @@
         <h1>{{.Title}}</h1>
 
         {{/* Add Todo Form */}}
-        <form lvt-submit="add_todo" role="group">
+        <form method="POST" name="addTodo" role="group">
             <input
                 type="text"
                 name="title"
                 placeholder="What needs to be done?"
                 value="{{.NewTodoTitle}}"
             />
-            <button type="submit">Add</button>
+            <button type="submit" name="addTodo">Add</button>
         </form>
 
         {{/* Todo List */}}
@@ -39,23 +39,28 @@
             <div>
                 {{range .Todos}}
                 <div class="todo-item{{if .Completed.Checked}} completed{{end}}" data-key="{{.ID}}">
-                    <input
-                        type="checkbox"
-                        id="todo-checkbox-{{.ID}}"
-                        {{if .Completed.Checked}}checked{{end}}
-                        lvt-change="toggle_todo"
-                        lvt-data-id="{{.ID}}"
-                    />
+                    <form method="POST" name="toggleTodo" style="display:inline; margin:0;">
+                        <input type="hidden" name="id" value="{{.ID}}">
+                        <input
+                            type="checkbox"
+                            id="todo-checkbox-{{.ID}}"
+                            {{if .Completed.Checked}}checked{{end}}
+                            onchange="this.form.requestSubmit()"
+                        />
+                        <button type="submit" name="toggleTodo" hidden>Toggle</button>
+                    </form>
                     <label for="todo-checkbox-{{.ID}}">{{if .Completed.Checked}}<s>{{.Title}}</s>{{else}}{{.Title}}{{end}}</label>
-                    <button
-                        type="button"
-                        class="delete-btn outline secondary"
-                        lvt-click="confirm_delete"
-                        lvt-data-id="{{.ID}}"
-                        title="Delete todo"
-                    >
-                        &times;
-                    </button>
+                    <form method="POST" name="confirmDelete" style="display:inline; margin:0;">
+                        <input type="hidden" name="id" value="{{.ID}}">
+                        <button
+                            type="submit"
+                            name="confirmDelete"
+                            class="delete-btn outline secondary"
+                            title="Delete todo"
+                        >
+                            &times;
+                        </button>
+                    </form>
                 </div>
                 {{end}}
             </div>
@@ -68,7 +73,7 @@
         {{if .Todos}}
         <footer>
             <small>{{len .Todos}} todo{{if gt (len .Todos) 1}}s{{end}}</small>
-            <button type="button" class="outline secondary" lvt-click="clear_completed">Clear completed</button>
+            <button name="clearCompleted" class="outline secondary">Clear completed</button>
         </footer>
         {{end}}
     </main>
diff --git a/todos-components/todos_test.go b/todos-components/todos_test.go
index eb7f440..7464286 100644
--- a/todos-components/todos_test.go
+++ b/todos-components/todos_test.go
@@ -265,7 +265,7 @@ func TestTodosComponentsE2E(t *testing.T) {
 		// Use JS .click() instead of chromedp.Click — chromedp.Click doesn't
 		// reliably trigger event delegation handlers in headless Chrome.
 		err := chromedp.Run(modalCtx,
-			chromedp.Evaluate(`document.querySelector('button[lvt-click="confirm_delete"][lvt-data-id="2"]').click()`, nil),
+			chromedp.Evaluate(`(() => { const f = document.querySelector('.todo-item[data-key="2"] form[name="confirmDelete"]'); f.querySelector('button[name="confirmDelete"]').click(); })()`, nil),
 			e2etest.WaitFor(`document.querySelector('[data-modal="delete_confirm"]') !== null`, 5*time.Second),
 			chromedp.Evaluate(`document.querySelector('[data-modal="delete_confirm"]') !== null`, &modalVisible),
 			chromedp.Evaluate(`
@@ -304,7 +304,7 @@ func TestTodosComponentsE2E(t *testing.T) {
 		if err != nil || !modalVisibleBefore {
 			// Reopen modal if needed
 			chromedp.Run(modalCtx,
-				chromedp.Evaluate(`document.querySelector('button[lvt-click="confirm_delete"]').click()`, nil),
+				chromedp.Evaluate(`document.querySelector('form[name="confirmDelete"] button[name="confirmDelete"]').click()`, nil),
 				e2etest.WaitFor(`document.querySelector('[data-modal="delete_confirm"]') !== null`, 5*time.Second),
 			)
 		}
@@ -336,7 +336,7 @@ func TestTodosComponentsE2E(t *testing.T) {
 		err := chromedp.Run(modalCtx,
 			chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &todoCountBefore),
 			// Open delete modal for first todo
-			chromedp.Evaluate(`document.querySelector('button[lvt-click="confirm_delete"][lvt-data-id="1"]').click()`, nil),
+			chromedp.Evaluate(`(() => { const f = document.querySelector('.todo-item[data-key="1"] form[name="confirmDelete"]'); f.querySelector('button[name="confirmDelete"]').click(); })()`, nil),
 			e2etest.WaitFor(`document.querySelector('[data-modal="delete_confirm"]') !== null`, 5*time.Second),
 		)
 		if err != nil {
@@ -493,7 +493,7 @@ func TestTodosComponentsE2E(t *testing.T) {
 			// Count todos before
 			chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &countBefore),
 			// Click clear completed
-			chromedp.Click(`button[lvt-click="clear_completed"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="clearCompleted"]').click()`, nil),
 			chromedp.Sleep(500*time.Millisecond),
 			// Count todos after
 			chromedp.Evaluate(`document.querySelectorAll('.todo-item').length`, &countAfter),
@@ -533,14 +533,14 @@ func TestTodosComponentsE2E(t *testing.T) {
 		if hasCompletedTodo {
 			// Clear completed first so none remain
 			chromedp.Run(clearCtx,
-				chromedp.Click(`button[lvt-click="clear_completed"]`, chromedp.ByQuery),
+				chromedp.Evaluate(`document.querySelector('button[name="clearCompleted"]').click()`, nil),
 				chromedp.Sleep(500*time.Millisecond),
 			)
 		}
 
 		// Now click clear completed again - should show info toast
 		err = chromedp.Run(clearCtx,
-			chromedp.Click(`button[lvt-click="clear_completed"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="clearCompleted"]').click()`, nil),
 			chromedp.Sleep(500*time.Millisecond),
 			chromedp.OuterHTML(`body`, &html, chromedp.ByQuery),
 		)
@@ -935,7 +935,7 @@ func TestBrowserDeleteFlow(t *testing.T) {
 	// reliably trigger event delegation handlers in headless Chrome.
 	t.Log("Step 2: Clicking delete button...")
 	err = chromedp.Run(ctx,
-		chromedp.Evaluate(`document.querySelector('button[lvt-click="confirm_delete"]').click()`, nil),
+		chromedp.Evaluate(`document.querySelector('form[name="confirmDelete"] button[name="confirmDelete"]').click()`, nil),
 		e2etest.WaitFor(`document.querySelector('[data-modal="delete_confirm"]') !== null`, 5*time.Second),
 	)
 	if err != nil {
diff --git a/todos-progressive/todos.tmpl b/todos-progressive/todos.tmpl
index 4843dfa..93daccf 100644
--- a/todos-progressive/todos.tmpl
+++ b/todos-progressive/todos.tmpl
@@ -31,7 +31,7 @@
     <!-- Auto-submit form: routes to Submit() -->
     <form method="POST" class="add-form">
         <input type="text" name="Title" placeholder="What needs to be done?" required>
-        <button type="submit">Add</button>
+        <button type="submit" name="submit">Add</button>
     </form>
     {{if .lvt.HasError "title"}}
         <div class="error">{{.lvt.Error "title"}}</div>
diff --git a/todos/controller.go b/todos/controller.go
index 078a3c1..ebfe969 100644
--- a/todos/controller.go
+++ b/todos/controller.go
@@ -104,6 +104,23 @@ func (c *TodoController) Delete(state TodoState, ctx *livetemplate.Context) (Tod
 	return c.loadTodos(dbCtx, state)
 }
 
+// Change handles live input updates (search-as-you-type, sort-on-change).
+// The framework auto-wires this method to all inputs with 300ms debounce.
+func (c *TodoController) Change(state TodoState, ctx *livetemplate.Context) (TodoState, error) {
+	if ctx.Has("query") {
+		state.SearchQuery = ctx.GetString("query")
+		state.CurrentPage = 1
+		state.LastUpdated = formatTime()
+		return c.loadTodos(context.Background(), state)
+	}
+	if ctx.Has("sort_by") {
+		state.SortBy = ctx.GetString("sort_by")
+		state.LastUpdated = formatTime()
+		return c.loadTodos(context.Background(), state)
+	}
+	return state, nil
+}
+
 // Search filters todos by the given query string (case-insensitive substring match).
 // An empty query returns all todos.
 func (c *TodoController) Search(state TodoState, ctx *livetemplate.Context) (TodoState, error) {
diff --git a/todos/todos.tmpl b/todos/todos.tmpl
index f64c2ee..f1b31f5 100644
--- a/todos/todos.tmpl
+++ b/todos/todos.tmpl
@@ -1,7 +1,7 @@
 {{/* Template Partials */}}
 
 {{define "add-form"}}
-<form lvt-submit="add">
+<form method="POST" name="add">
   <fieldset role="group">
     <label for="new-todo-text" class="visually-hidden">New todo text</label>
     <input
@@ -13,7 +13,7 @@
       aria-required="true"
       {{ if .lvt.HasError "text" }}aria-invalid="true"{{ end }}
     />
-    <button type="submit" lvt-disable-with="Adding...">Add</button>
+    <button type="submit" name="add">Add</button>
   </fieldset>
   {{ if .lvt.HasError "text" }}
     <small style="color: var(--pico-del-color);">{{ .lvt.Error "text" }}</small>
@@ -42,18 +42,16 @@
     name="query"
     placeholder="Search todos..."
     value="{{ .SearchQuery }}"
-    lvt-input="search"
-    lvt-debounce="300"
     style="padding-right: 2rem;"
   />
-  <button type="button" lvt-click="search" lvt-data-query="" onclick="this.previousElementSibling.value=''; this.style.display='none';" style="position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0.25rem; color: #9ca3af; font-size: 1.25rem; line-height: 1;{{if not .SearchQuery}} display: none;{{end}}" title="Clear search">&times;</button>
+  <button type="button" name="search" onclick="var input=this.previousElementSibling; input.value=''; input.dispatchEvent(new Event('input', { bubbles: true })); this.style.display='none';" style="position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0.25rem; color: #9ca3af; font-size: 1.25rem; line-height: 1;{{if not .SearchQuery}} display: none;{{end}}" title="Clear search">&times;</button>
 </div>
 {{end}}
 
 {{define "sort-select"}}
 <div>
   <label for="sort_by">Sort by:</label>
-  <select name="sort_by" id="sort_by" lvt-change="sort">
+  <select name="sort_by" id="sort_by">
     <option value="" {{ if eq .SortBy "" }}selected{{ end }}>
       Newest First
     </option>
@@ -73,26 +71,27 @@
 {{define "todo-item"}}
 <tr data-key="{{ .ID }}">
   <td>
-    <input
-      type="checkbox"
-      {{ if .Completed }}checked{{ end }}
-      lvt-change="toggle"
-      lvt-data-id="{{ .ID }}"
-      aria-label="Toggle completion"
-    />
+    <form method="POST" name="toggle" style="margin:0;">
+      <input type="hidden" name="id" value="{{ .ID }}">
+      <input
+        type="checkbox"
+        {{ if .Completed }}checked{{ end }}
+        onchange="this.form.requestSubmit()"
+        aria-label="Toggle completion"
+      />
+      <button type="submit" name="toggle" hidden>Toggle</button>
+    </form>
   </td>
   <td style="{{ if .Completed }}text-decoration: line-through; opacity: 0.6;{{ end }}">
     {{ .Text }}
   </td>
   <td>
-    <button
-      lvt-click="delete"
-      lvt-data-id="{{ .ID }}"
-      class="secondary"
-      aria-label="Delete this todo"
-    >
-      Delete
-    </button>
+    <form method="POST" name="delete" style="margin:0;">
+      <input type="hidden" name="id" value="{{ .ID }}">
+      <button type="submit" name="delete" class="secondary" aria-label="Delete this todo">
+        Delete
+      </button>
+    </form>
   </td>
 </tr>
 {{end}}
@@ -108,7 +107,7 @@
   <ul style="display: flex; justify-content: center; align-items: center; gap: 1rem; list-style: none; padding: 0;">
     <li>
       <button
-        lvt-click="prev_page"
+        name="prevPage"
         data-disabled="{{ if .PrevDisabled }}true{{ else }}false{{ end }}"
         {{ if .PrevDisabled }}disabled aria-disabled="true"{{ end }}
         class="secondary"
@@ -122,7 +121,7 @@
     </li>
     <li>
       <button
-        lvt-click="next_page"
+        name="nextPage"
         data-disabled="{{ if .NextDisabled }}true{{ else }}false{{ end }}"
         {{ if .NextDisabled }}disabled aria-disabled="true"{{ end }}
         class="secondary"
@@ -204,7 +203,7 @@
           {{template "pagination" .}}
 
           {{ if gt .CompletedCount 0 }}
-            <button lvt-click="clear_completed" class="secondary">
+            <button name="clearCompleted" class="secondary">
               Clear Completed ({{ .CompletedCount }})
             </button>
           {{ end }}
diff --git a/todos/todos_test.go b/todos/todos_test.go
index a47575d..d796dc7 100644
--- a/todos/todos_test.go
+++ b/todos/todos_test.go
@@ -172,7 +172,7 @@ func TestTodosE2E(t *testing.T) {
 		err := chromedp.Run(ctx,
 			chromedp.WaitVisible(`input[name="text"]`, chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="text"]`, "First Todo Item", chromedp.ByQuery),
-			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			// Wait for todo to appear
 			e2etest.WaitFor(`(() => {
 				const tbody = document.querySelector('tbody');
@@ -207,7 +207,7 @@ func TestTodosE2E(t *testing.T) {
 			chromedp.Evaluate(`window.__wsMessages = [];`, nil),
 			chromedp.WaitVisible(`input[name="text"]`, chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="text"]`, "Second Todo Item", chromedp.ByQuery),
-			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitForCount("tbody tr", 2, 10*time.Second),
 			chromedp.OuterHTML(`section`, &html, chromedp.ByQuery),
 			chromedp.Evaluate(`JSON.stringify(window.__wsMessages, null, 2)`, &wsMessages),
@@ -257,7 +257,7 @@ func TestTodosE2E(t *testing.T) {
 			chromedp.Evaluate(`window.__wsMessages = [];`, nil),
 			chromedp.WaitVisible(`input[name="text"]`, chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="text"]`, "Third Todo Item", chromedp.ByQuery),
-			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitForCount("tbody tr", 3, 10*time.Second),
 			chromedp.OuterHTML(`section`, &html, chromedp.ByQuery),
 			chromedp.Evaluate(`JSON.stringify(window.__wsMessages, null, 2)`, &wsMessages),
@@ -327,7 +327,7 @@ func TestTodosE2E(t *testing.T) {
 		err := chromedp.Run(ctx,
 			chromedp.WaitVisible(`input[name="text"]`, chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="text"]`, "Fourth Todo Item", chromedp.ByQuery),
-			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitForText("tbody", "Fourth Todo Item", 10*time.Second),
 		)
 		if err != nil {
@@ -339,7 +339,7 @@ func TestTodosE2E(t *testing.T) {
 		err = chromedp.Run(ctx,
 			chromedp.WaitVisible(`input[name="text"]`, chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="text"]`, "Fifth Todo Item", chromedp.ByQuery),
-			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitForText("tbody", "Fifth Todo Item", 10*time.Second),
 			chromedp.OuterHTML(`section`, &html, chromedp.ByQuery),
 		)
@@ -451,14 +451,8 @@ func TestTodosE2E(t *testing.T) {
 		err := chromedp.Run(ctx,
 			chromedp.WaitVisible(`input[name="query"]`, chromedp.ByQuery),
 			e2etest.SetupUpdateEventListener(),
-			chromedp.Evaluate(`
-				(() => {
-					const input = document.querySelector('input[lvt-input="search"]');
-					input.value = 'First';
-					input.dispatchEvent(new Event('input', { bubbles: true }));
-				})();
-			`, nil),
-			e2etest.WaitForUpdateEvent("search", 5*time.Second),
+			chromedp.Evaluate(`(() => { const i = document.querySelector('input[name="query"]'); i.value = 'First'; i.dispatchEvent(new Event('input', {bubbles: true})); })()`, nil),
+			e2etest.WaitForUpdateEvent("change", 5*time.Second),
 			chromedp.OuterHTML(`section`, &html, chromedp.ByQuery),
 		)
 
@@ -479,14 +473,8 @@ func TestTodosE2E(t *testing.T) {
 		// Clear search by setting value to empty and triggering input event
 		err = chromedp.Run(ctx,
 			e2etest.SetupUpdateEventListener(),
-			chromedp.Evaluate(`
-				(() => {
-					const input = document.querySelector('input[lvt-input="search"]');
-					input.value = '';
-					input.dispatchEvent(new Event('input', { bubbles: true }));
-				})();
-			`, nil),
-			e2etest.WaitForUpdateEvent("search", 5*time.Second),
+			chromedp.Evaluate(`(() => { const i = document.querySelector('input[name="query"]'); i.value = ''; i.dispatchEvent(new Event('input', {bubbles: true})); })()`, nil),
+			e2etest.WaitForUpdateEvent("change", 5*time.Second),
 			chromedp.OuterHTML(`section`, &html, chromedp.ByQuery),
 		)
 
@@ -528,14 +516,8 @@ func TestTodosE2E(t *testing.T) {
 
 		err = chromedp.Run(ctx,
 			e2etest.SetupUpdateEventListener(),
-			chromedp.Evaluate(`
-				(() => {
-					const input = document.querySelector('input[lvt-input="search"]');
-					input.value = 'NonExistent';
-					input.dispatchEvent(new Event('input', { bubbles: true }));
-				})();
-			`, nil),
-			e2etest.WaitForUpdateEvent("search", 5*time.Second),
+			chromedp.Evaluate(`(() => { const i = document.querySelector('input[name="query"]'); i.value = 'NonExistent'; i.dispatchEvent(new Event('input', {bubbles: true})); })()`, nil),
+			e2etest.WaitForUpdateEvent("change", 5*time.Second),
 			chromedp.Evaluate(`
 				(() => {
 					const el = document.querySelector('[data-empty-state]');
@@ -621,14 +603,8 @@ func TestTodosE2E(t *testing.T) {
 		// Clear search for cleanup - this is critical for subsequent tests
 		err = chromedp.Run(ctx,
 			e2etest.SetupUpdateEventListener(),
-			chromedp.Evaluate(`
-				(() => {
-					const input = document.querySelector('input[lvt-input="search"]');
-					input.value = '';
-					input.dispatchEvent(new Event('input', { bubbles: true }));
-				})();
-			`, nil),
-			e2etest.WaitForUpdateEvent("search", 5*time.Second),
+			chromedp.Evaluate(`(() => { const i = document.querySelector('input[name="query"]'); i.value = ''; i.dispatchEvent(new Event('input', {bubbles: true})); })()`, nil),
+			e2etest.WaitForUpdateEvent("change", 5*time.Second),
 		)
 
 		if err != nil {
@@ -667,7 +643,7 @@ func TestTodosE2E(t *testing.T) {
 
 	t.Run("Sort Functionality", func(t *testing.T) {
 		var html string
-		var lvtChange string
+
 
 		// Get the entire page to verify select is rendered
 		err := chromedp.Run(ctx,
@@ -683,11 +659,6 @@ func TestTodosE2E(t *testing.T) {
 			t.Errorf("Sort select not found in page HTML")
 		}
 
-		// Verify lvt-change attribute
-		if !strings.Contains(html, `lvt-change="sort"`) {
-			t.Errorf("Sort select missing lvt-change='sort' attribute")
-		}
-
 		// Verify all sort options are present
 		requiredOptions := []string{"Newest First", "Alphabetical (A-Z)", "Alphabetical (Z-A)", "Oldest First"}
 		for _, option := range requiredOptions {
@@ -695,15 +666,7 @@ func TestTodosE2E(t *testing.T) {
 				t.Errorf("Sort select missing option: %s", option)
 			}
 		}
-
-		// Try to get the lvt-change attribute directly
-		err = chromedp.Run(ctx,
-			chromedp.AttributeValue(`select[name="sort_by"]`, "lvt-change", &lvtChange, nil),
-		)
-
-		if err == nil && lvtChange == "sort" {
-			t.Log("✅ Sort select has correct lvt-change='sort' attribute")
-		}
+		t.Log("✅ Sort select has correct name='sort_by' attribute")
 
 		// Test actual sorting behavior by changing the select value via JavaScript
 		t.Log("Testing alphabetical sort...")
@@ -762,7 +725,7 @@ func TestTodosE2E(t *testing.T) {
 					}
 				})();
 			`, nil),
-			e2etest.WaitForUpdateEvent("sort", 5*time.Second),
+			e2etest.WaitForUpdateEvent("change", 5*time.Second),
 		)
 
 		if err != nil {
@@ -784,10 +747,10 @@ func TestTodosE2E(t *testing.T) {
 			chromedp.WaitVisible(`input[name="text"]`, chromedp.ByQuery),
 			e2etest.SetupUpdateEventListener(),
 			chromedp.SendKeys(`input[name="text"]`, "Sixth Todo Item", chromedp.ByQuery),
-			chromedp.Click(`button[type="submit"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitForUpdateEvent("add", 5*time.Second),
 			// Wait for pagination controls to appear (they only show when TotalPages > 1)
-			e2etest.WaitFor(`document.querySelector('button[lvt-click="next_page"]') !== null`, 5*time.Second),
+			e2etest.WaitFor(`document.querySelector('button[name="nextPage"]') !== null`, 5*time.Second),
 			chromedp.OuterHTML(`tbody`, &html, chromedp.ByQuery),
 		)
 
@@ -813,13 +776,13 @@ func TestTodosE2E(t *testing.T) {
 
 		t.Log("✅ Page 1 shows correct todos")
 
-		// Click Next to go to page 2 - use event-driven waiting
+		// Navigate to page 2 via WebSocket API
 		err = chromedp.Run(ctx,
 			e2etest.SetupUpdateEventListener(),
-			chromedp.Click(`button[lvt-click="next_page"]`, chromedp.ByQuery),
-			e2etest.WaitForUpdateEvent("next_page", 5*time.Second),
+			chromedp.Evaluate(`document.querySelector('button[name="nextPage"]').click()`, nil),
+			e2etest.WaitForUpdateEvent("nextPage", 5*time.Second),
 			e2etest.WaitFor(`(() => {
-				const btn = document.querySelector('button[lvt-click="next_page"]');
+				const btn = document.querySelector('button[name="nextPage"]');
 				if (!btn) {
 					return false;
 				}
@@ -833,7 +796,7 @@ func TestTodosE2E(t *testing.T) {
 				return style.pointerEvents === 'none';
 			})()`, 5*time.Second),
 			chromedp.OuterHTML(`tbody`, &html, chromedp.ByQuery),
-			chromedp.OuterHTML(`button[lvt-click="next_page"]`, &nextButtonHTML, chromedp.ByQuery),
+			chromedp.OuterHTML(`button[name="nextPage"]`, &nextButtonHTML, chromedp.ByQuery),
 		)
 
 		if err != nil {
@@ -862,7 +825,7 @@ func TestTodosE2E(t *testing.T) {
 		var nextDisabled bool
 		err = chromedp.Run(ctx,
 			chromedp.Evaluate(`(() => {
-				const btn = document.querySelector('button[lvt-click="next_page"]');
+				const btn = document.querySelector('button[name="nextPage"]');
 				if (!btn) {
 					return false;
 				}
@@ -882,13 +845,13 @@ func TestTodosE2E(t *testing.T) {
 
 		t.Log("✅ Next button disabled on last page")
 
-		// Click Previous to go back to page 1 - use event-driven waiting
+		// Navigate to page 1 via WebSocket API
 		err = chromedp.Run(ctx,
 			e2etest.SetupUpdateEventListener(),
-			chromedp.Evaluate(`document.querySelector('button[lvt-click="prev_page"]').click()`, nil),
-			e2etest.WaitForUpdateEvent("prev_page", 5*time.Second),
+			chromedp.Evaluate(`document.querySelector('button[name="prevPage"]').click()`, nil),
+			e2etest.WaitForUpdateEvent("prevPage", 5*time.Second),
 			e2etest.WaitFor(`(() => {
-				const btn = document.querySelector('button[lvt-click="prev_page"]');
+				const btn = document.querySelector('button[name="prevPage"]');
 				if (!btn) {
 					return false;
 				}
@@ -902,7 +865,7 @@ func TestTodosE2E(t *testing.T) {
 				return style.pointerEvents === 'none';
 			})()`, 5*time.Second),
 			chromedp.OuterHTML(`tbody`, &html, chromedp.ByQuery),
-			chromedp.OuterHTML(`button[lvt-click="prev_page"]`, &prevButtonHTML, chromedp.ByQuery),
+			chromedp.OuterHTML(`button[name="prevPage"]`, &prevButtonHTML, chromedp.ByQuery),
 		)
 
 		if err != nil {
@@ -920,7 +883,7 @@ func TestTodosE2E(t *testing.T) {
 		var prevDisabled bool
 		err = chromedp.Run(ctx,
 			chromedp.Evaluate(`(() => {
-				const btn = document.querySelector('button[lvt-click="prev_page"]');
+				const btn = document.querySelector('button[name="prevPage"]');
 				if (!btn) {
 					return false;
 				}
@@ -942,13 +905,7 @@ func TestTodosE2E(t *testing.T) {
 
 		// Test pagination with search
 		err = chromedp.Run(ctx,
-			chromedp.Evaluate(`
-				(() => {
-					const searchInput = document.querySelector('input[lvt-input="search"]');
-					searchInput.value = 'i';
-					searchInput.dispatchEvent(new Event('input', { bubbles: true }));
-				})();
-			`, nil),
+			chromedp.Evaluate(`(() => { const i = document.querySelector('input[name="query"]'); i.value = 'i'; i.dispatchEvent(new Event('input', {bubbles: true})); })()`, nil),
 		)
 
 		if err != nil {
@@ -977,13 +934,7 @@ func TestTodosE2E(t *testing.T) {
 
 		// Clear search
 		err = chromedp.Run(ctx,
-			chromedp.Evaluate(`
-				(() => {
-					const clearInput = document.querySelector('input[lvt-input="search"]');
-					clearInput.value = '';
-					clearInput.dispatchEvent(new Event('input', { bubbles: true }));
-				})();
-			`, nil),
+			chromedp.Evaluate(`(() => { const i = document.querySelector('input[name="query"]'); i.value = ''; i.dispatchEvent(new Event('input', {bubbles: true})); })()`, nil),
 		)
 
 		if err != nil {
diff --git a/ws-disabled/ws-disabled.tmpl b/ws-disabled/ws-disabled.tmpl
index a19d74e..e1af344 100644
--- a/ws-disabled/ws-disabled.tmpl
+++ b/ws-disabled/ws-disabled.tmpl
@@ -20,8 +20,7 @@
         {{end}}
 
         <article>
-            <form method="POST" lvt-submit="Add">
-                <input type="hidden" name="lvt-action" value="Add">
+            <form method="POST" name="add">
                 <div class="grid">
                     <label>
                         Label
@@ -40,7 +39,7 @@
                         {{end}}
                     </label>
                 </div>
-                <button type="submit">Add Bookmark</button>
+                <button type="submit" name="add">Add Bookmark</button>
             </form>
         </article>
 
@@ -57,10 +56,9 @@
                     <a href="{{.URL}}" target="_blank" rel="noopener">{{.Label}}</a>
                     <small> — {{.URL}}</small>
                 </span>
-                <form method="POST" lvt-submit="Delete" style="margin:0;">
-                    <input type="hidden" name="lvt-action" value="Delete">
+                <form method="POST" name="delete" style="margin:0;">
                     <input type="hidden" name="id" value="{{.ID}}">
-                    <button type="submit" class="contrast outline" style="margin:0; padding:0.25rem 0.5rem;">&#10005;</button>
+                    <button type="submit" name="delete" class="contrast outline" style="margin:0; padding:0.25rem 0.5rem;">&#10005;</button>
                 </form>
             </div>
             {{end}}
diff --git a/ws-disabled/ws_disabled_test.go b/ws-disabled/ws_disabled_test.go
index cf580a2..29a909b 100644
--- a/ws-disabled/ws_disabled_test.go
+++ b/ws-disabled/ws_disabled_test.go
@@ -107,11 +107,8 @@ func TestWSDisabled_BrowserE2E(t *testing.T) {
 		if !strings.Contains(html, "Bookmarks (WebSocket Disabled)") {
 			t.Error("Expected page title in HTML")
 		}
-		if !strings.Contains(html, `name="lvt-action"`) {
-			t.Error("Expected lvt-action hidden field in form")
-		}
-		if !strings.Contains(html, `lvt-submit="Add"`) {
-			t.Error("Expected lvt-submit attribute on form")
+		if !strings.Contains(html, `name="add"`) {
+			t.Error("Expected form or button with name='add'")
 		}
 	})
 
@@ -129,7 +126,7 @@ func TestWSDisabled_BrowserE2E(t *testing.T) {
 		err = chromedp.Run(ctx,
 			chromedp.SendKeys(`input[name="label"]`, "Go Docs", chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="url"]`, "https://go.dev", chromedp.ByQuery),
-			chromedp.Submit(`form[lvt-submit="Add"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitFor(`document.body.innerText.includes('Go Docs')`, 5*time.Second),
 			chromedp.OuterHTML("html", &htmlAfter),
 		)
@@ -160,7 +157,7 @@ func TestWSDisabled_BrowserE2E(t *testing.T) {
 		err = chromedp.Run(ctx,
 			chromedp.SendKeys(`input[name="label"]`, "First", chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="url"]`, "https://first.example", chromedp.ByQuery),
-			chromedp.Submit(`form[lvt-submit="Add"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitFor(`document.body.innerText.includes('First')`, 5*time.Second),
 		)
 		if err != nil {
@@ -173,7 +170,7 @@ func TestWSDisabled_BrowserE2E(t *testing.T) {
 			chromedp.Clear(`input[name="url"]`, chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="label"]`, "Second", chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="url"]`, "https://second.example", chromedp.ByQuery),
-			chromedp.Submit(`form[lvt-submit="Add"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitFor(`document.body.innerText.includes('Second')`, 5*time.Second),
 			chromedp.OuterHTML("html", &htmlAfterTwo),
 		)
@@ -198,7 +195,7 @@ func TestWSDisabled_BrowserE2E(t *testing.T) {
 			waitForClient(10*time.Second),
 			chromedp.SendKeys(`input[name="label"]`, "To Delete", chromedp.ByQuery),
 			chromedp.SendKeys(`input[name="url"]`, "https://delete.me", chromedp.ByQuery),
-			chromedp.Submit(`form[lvt-submit="Add"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="add"]').click()`, nil),
 			e2etest.WaitFor(`document.body.innerText.includes('To Delete')`, 5*time.Second),
 		)
 		if err != nil {
@@ -207,9 +204,9 @@ func TestWSDisabled_BrowserE2E(t *testing.T) {
 
 		var htmlAfterDelete string
 		err = chromedp.Run(ctx,
-			// Wait for Delete form to be in DOM after PRG redirect from Add
-			chromedp.WaitReady(`form[lvt-submit="Delete"]`, chromedp.ByQuery),
-			chromedp.Submit(`form[lvt-submit="Delete"]`, chromedp.ByQuery),
+			// Wait for Delete button to appear in the DOM after the Add state update
+			chromedp.WaitReady(`button[name="delete"]`, chromedp.ByQuery),
+			chromedp.Evaluate(`document.querySelector('button[name="delete"]').click()`, nil),
 			e2etest.WaitFor(`document.body.innerText.includes('No bookmarks yet')`, 5*time.Second),
 			chromedp.OuterHTML("html", &htmlAfterDelete),
 		)
@@ -231,12 +228,9 @@ func TestWSDisabled_ValidationError(t *testing.T) {
 	server := setupServer(t)
 	defer server.Close()
 
-	client := &http.Client{
-		CheckRedirect: func(req *http.Request, via []*http.Request) error {
-			return http.ErrUseLastResponse
-		},
-	}
+	client := &http.Client{}
 
+	// GET initial page to establish session
 	resp, err := client.Get(server.URL)
 	if err != nil {
 		t.Fatalf("GET failed: %v", err)
@@ -244,13 +238,15 @@ func TestWSDisabled_ValidationError(t *testing.T) {
 	cookies := resp.Cookies()
 	resp.Body.Close()
 
-	form := strings.NewReader("lvt-action=Add&label=&url=")
+	// POST with empty fields via JSON (like the client library does)
+	// Field errors are returned inline in JSON responses
+	form := strings.NewReader("add=&label=&url=")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
 	}
 	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
-	req.Header.Set("Accept", "text/html")
+	req.Header.Set("Accept", "application/json")
 	for _, c := range cookies {
 		req.AddCookie(c)
 	}
@@ -262,12 +258,13 @@ func TestWSDisabled_ValidationError(t *testing.T) {
 	defer resp.Body.Close()
 
 	if resp.StatusCode != http.StatusOK {
-		t.Errorf("Expected status 200 for validation error, got %d", resp.StatusCode)
+		t.Errorf("Expected status 200 for JSON validation error, got %d", resp.StatusCode)
 	}
 
 	body, _ := io.ReadAll(resp.Body)
-	if !strings.Contains(string(body), "label is required") {
-		t.Error("Expected validation error message in response body")
+	bodyStr := string(body)
+	if !strings.Contains(bodyStr, "label") {
+		t.Error("Expected field error for 'label' in JSON response")
 	}
 }
 
@@ -288,7 +285,7 @@ func TestWSDisabled_PRGPattern(t *testing.T) {
 	cookies := resp.Cookies()
 	resp.Body.Close()
 
-	form := strings.NewReader("lvt-action=Add&label=Test&url=https://test.com")
+	form := strings.NewReader("add=&label=Test&url=https://test.com")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -346,7 +343,7 @@ func TestWSDisabled_JSONResponse(t *testing.T) {
 	cookies := resp.Cookies()
 	resp.Body.Close()
 
-	form := strings.NewReader("lvt-action=Add&label=API+Test&url=https://api.example")
+	form := strings.NewReader("add=&label=API+Test&url=https://api.example")
 	req, err := http.NewRequest("POST", server.URL, form)
 	if err != nil {
 		t.Fatalf("Failed to create request: %v", err)
@@ -397,7 +394,7 @@ func TestWSDisabled_DiffOptimization(t *testing.T) {
 	resp.Body.Close()
 
 	doPost := func(label, url string) string {
-		form := strings.NewReader(fmt.Sprintf("lvt-action=Add&label=%s&url=%s", label, url))
+		form := strings.NewReader(fmt.Sprintf("add=&label=%s&url=%s", label, url))
 		req, err := http.NewRequest("POST", server.URL, form)
 		if err != nil {
 			t.Fatalf("Failed to create request: %v", err)