Initialize action topology engine

2026-06-16 14:26:08 +08:00
commit 853404c67a
17 changed files with 3664 additions and 0 deletions
--- a/examples/simple.html
+++ b/examples/simple.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Action Topology Example</title>
+    <style>
+      body {
+        font-family: system-ui, sans-serif;
+        margin: 32px;
+        line-height: 1.4;
+      }
+      button,
+      input,
+      select,
+      a {
+        display: inline-flex;
+        margin: 8px 8px 8px 0;
+        padding: 8px 12px;
+      }
+      #settings {
+        display: none;
+        margin-top: 16px;
+        padding: 16px;
+        border: 1px solid #ddd;
+      }
+      #settings.open {
+        display: block;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Action Topology Example</h1>
+    <button data-testid="open-settings" onclick="document.getElementById('settings').classList.toggle('open')">
+      Open settings
+    </button>
+    <a href="#reports" data-testid="reports-link">Reports</a>
+    <label>
+      Search
+      <input name="q" placeholder="Search customers" />
+    </label>
+    <section id="settings" role="dialog" aria-label="Settings dialog">
+      <button data-testid="save-settings" onclick="document.getElementById('status').textContent='Saved settings'">
+        Save
+      </button>
+      <button data-testid="delete-account">Delete account</button>
+    </section>
+    <p id="status">Idle</p>
+  </body>
+</html>