@alwatr/action 9.19.1 → 9.20.0

package/README.md

@@ -37,16 +37,16 @@ document.body capture listener  (1 listener per event type)
         │
         └─ closest('[on-click]') → finds element
            closest('[action-context]') → resolves context (e.g. 'product-list')
-           parse attribute → 'add_to_cart:42'
+           parse attribute → 'ui:add_to_cart:42'
            run modifiers   → none
            resolve payload → '42'
-           internalChannel_.dispatch('add_to_cart', {
-             type: 'add_to_cart',
+           internalChannel_.dispatch('ui:add_to_cart', {
+             type: 'ui:add_to_cart',
              payload: '42',
              context: 'product-list',
            })
                 │
-                └─ Map.get('add_to_cart') → O(1) → invoke only matching handlers
+                └─ Map.get('ui:add_to_cart') → O(1) → invoke only matching handlers
 ```
 
 ### Complexity
@@ -84,10 +84,15 @@ Extend `ActionRecord` via declaration merging. This gives you full type safety a
 // src/action-record.ts
 declare module '@alwatr/action' {
   interface ActionRecord {
-    open_drawer: string;
-    search_query: string;
-    add_to_cart: {productId: number; qty: number};
-    logout: void;
+    // UI-originated actions (dispatched from HTML on-<event> attributes) — must start with 'ui:'
+    'ui:open_drawer': string;
+    'ui:search_query': string;
+    'ui:add_to_cart': {productId: number; qty: number};
+    'ui:logout': void;
+
+    // Code-originated actions (dispatched programmatically from services/controllers)
+    'upload_complete': string;
+    'auth_expired': void;
   }
 }
 ```
@@ -101,8 +106,8 @@ import './action-record.js'; // ensure the declaration is loaded
 setupActionDelegation();
 
 // The handler receives the full Action<K> object — payload, context, and meta in one place.
-onAction('open_drawer', (action) => openDrawer(action.payload)); // action.payload: string
-onAction('add_to_cart', (action) => {
+onAction('ui:open_drawer', (action) => openDrawer(action.payload)); // action.payload: string
+onAction('ui:add_to_cart', (action) => {
   cartService.add(action.payload.productId, action.payload.qty); // fully typed
   console.log(action.context); // e.g. 'product-list' — from nearest [action-context] ancestor
 });
@@ -111,22 +116,22 @@ onAction('add_to_cart', (action) => {
 ### 3. Add attributes to HTML
 
 ```html
-<!-- Dispatches 'close_drawer' on click — no payload -->
-<button on-click="close_drawer">Close</button>
+<!-- Dispatches 'ui:close_drawer' on click — no payload -->
+<button on-click="ui:close_drawer">Close</button>
 
-<!-- Dispatches 'open_drawer' with payload 'main' on click -->
-<button on-click="open_drawer:main">Open Drawer</button>
+<!-- Dispatches 'ui:open_drawer' with payload 'main' on click -->
+<button on-click="ui:open_drawer:main">Open Drawer</button>
 
-<!-- Dispatches 'search_query' with the input's live value -->
+<!-- Dispatches 'ui:search_query' with the input's live value -->
 <input
   type="search"
-  on-input="search_query:$value"
+  on-input="ui:search_query:$value"
   placeholder="Search…"
 />
 
 <!-- Prevents default, validates, then dispatches all field values -->
 <form
-  on-submit="submit_form:$formdata; prevent,validate"
+  on-submit="ui:submit_form:$formdata; prevent,validate"
   novalidate
 >
   <input
@@ -137,7 +142,7 @@ onAction('add_to_cart', (action) => {
 </form>
 
 <!-- Fires only once — attribute is removed after first click -->
-<button on-click="welcome_dismissed; once">Got it</button>
+<button on-click="ui:welcome_dismissed; once">Got it</button>
 ```
 
 ### 4. Context scoping with `action-context`
@@ -145,24 +150,24 @@ onAction('add_to_cart', (action) => {
 Wrap a group of elements in an `[action-context]` container to scope their actions. The delegation handler automatically resolves the nearest ancestor and attaches its value to `action.context`. This lets the same action type serve multiple independent UI regions without creating separate action names.
 
 ```html
-<!-- Two sliders on the same page, both dispatching 'slider:change' -->
+<!-- Two sliders on the same page, both dispatching 'ui:slider_change' -->
 <section action-context="volume">
   <input
     type="range"
-    on-input="slider:change:$value"
+    on-input="ui:slider_change:$value"
   />
 </section>
 
 <section action-context="brightness">
   <input
     type="range"
-    on-input="slider:change:$value"
+    on-input="ui:slider_change:$value"
   />
 </section>
 ```
 
 ```ts
-onAction('slider:change', (action) => {
+onAction('ui:slider_change', (action) => {
   if (action.context === 'volume') audioService.setVolume(Number(action.payload));
   if (action.context === 'brightness') displayService.setBrightness(Number(action.payload));
 });
@@ -172,10 +177,13 @@ Context is `undefined` when no `[action-context]` ancestor exists — programmat
 
 ### 5. Programmatic dispatch
 
+Use `dispatchAction` for code-originated actions (after async operations, from services, etc.).
+These actions should **not** use the `ui:` prefix — that prefix is reserved for DOM-originated actions.
+
 ```ts
 import {dispatchAction} from '@alwatr/action';
 
-// dispatchAction takes a full Action object
+// Code-originated actions — no 'ui:' prefix
 await uploadFile(file);
 dispatchAction({type: 'upload_complete', payload: fileId});
 
@@ -183,7 +191,7 @@ dispatchAction({type: 'navigate', payload: '/dashboard'});
 
 // With explicit context and meta
 dispatchAction({
-  type: 'slider:change',
+  type: 'slider_change',
   payload: 75,
   context: 'volume',
   meta: {source: 'keyboard'},
@@ -198,12 +206,12 @@ dispatchAction({
 on-<eventType>="actionId[:payload][; modifier1,modifier2,…]"
 ```
 
-| Segment       | Description                                                 | Example                       |
-| ------------- | ----------------------------------------------------------- | ----------------------------- |
-| `eventType`   | Any standard DOM event name — encoded in the attribute name | `on-click`, `on-submit`       |
-| `actionId`    | Identifier your handler subscribes to                       | `open_drawer`, `search_query` |
-| `:payload`    | Optional literal string, or a `$`-prefixed resolver token   | `:main`, `:$value`            |
-| `; modifiers` | Optional comma-separated modifier list after a semicolon    | `; prevent,validate`          |
+| Segment       | Description                                                 | Example                             |
+| ------------- | ----------------------------------------------------------- | ----------------------------------- |
+| `eventType`   | Any standard DOM event name — encoded in the attribute name | `on-click`, `on-submit`             |
+| `actionId`    | Identifier your handler subscribes to                       | `ui:open_drawer`, `ui:search_query` |
+| `:payload`    | Optional literal string, or a `$`-prefixed resolver token   | `:main`, `:$value`                  |
+| `; modifiers` | Optional comma-separated modifier list after a semicolon    | `; prevent,validate`                |
 
 ### Built-in modifiers
 
@@ -263,11 +271,11 @@ registerModifier('trace', (_event, _element, action) => {
 ```
 
 ```html
-<button on-click="submit_order:42; trace">Place Order</button>
+<button on-click="ui:submit_order:42; trace">Place Order</button>
 ```
 
 ```ts
-onAction('submit_order', (action) => {
+onAction('ui:submit_order', (action) => {
   console.log(action.meta?.['traceId']); // e.g. 'a1b2-c3d4-…'
 });
 ```
@@ -284,8 +292,8 @@ The Alwatr Flux Standard Action object. Every dispatch and every handler callbac
 import type {Action} from '@alwatr/action';
 
 // Reading fields in a handler
-onAction('add_to_cart', (action: Action<'add_to_cart'>) => {
-  console.log(action.type); // 'add_to_cart'
+onAction('ui:add_to_cart', (action: Action<'ui:add_to_cart'>) => {
+  console.log(action.type); // 'ui:add_to_cart'
   console.log(action.payload); // {productId: number; qty: number}
   console.log(action.context); // string | undefined
   console.log(action.meta); // Record<string, unknown> | undefined
@@ -301,8 +309,8 @@ The global action type registry. Extend via declaration merging to register type
 ```ts
 declare module '@alwatr/action' {
   interface ActionRecord {
-    open_drawer: string;
-    logout: void;
+    'ui:open_drawer': string;
+    'ui:logout': void;
   }
 }
 ```
@@ -346,7 +354,7 @@ function onAction<K extends keyof ActionRecord>(type: K, handler: (action: Actio
 ```
 
 ```ts
-const sub = onAction('open_drawer', (action) => {
+const sub = onAction('ui:open_drawer', (action) => {
   openDrawer(action.payload); // payload: string
   console.log(action.context); // e.g. 'sidebar' or undefined
 });
@@ -364,15 +372,15 @@ function dispatchAction<K extends keyof ActionRecord>(action: Action<K>): void;
 ```
 
 ```ts
-// With payload
-dispatchAction({type: 'open_drawer', payload: 'settings'});
+// With payload (code-originated — no 'ui:' prefix)
+dispatchAction({type: 'navigate', payload: 'settings'});
 
 // Void payload
-dispatchAction({type: 'logout', payload: undefined});
+dispatchAction({type: 'auth_expired', payload: undefined});
 
 // With context and meta
 dispatchAction({
-  type: 'open_drawer',
+  type: 'navigate',
   payload: 'settings',
   context: 'header',
   meta: {triggeredBy: 'keyboard'},
@@ -406,7 +414,7 @@ registerModifier('timestamp', (_event, _element, action) => {
 
 ```html
 <button
-  on-click="select_item:$data_id; not_disabled,timestamp"
+  on-click="ui:select_item:$data_id; not_disabled,timestamp"
   data-id="42"
 >
   Select
@@ -432,10 +440,10 @@ registerPayloadResolver('$data_id', (_event, element) => {
 ```html
 <input
   type="checkbox"
-  on-change="toggle_feature:$checked"
+  on-change="ui:toggle_feature:$checked"
 />
 <li
-  on-click="select_item:$data_id"
+  on-click="ui:select_item:$data_id"
   data-id="42"
 >
   Item
@@ -450,7 +458,7 @@ registerPayloadResolver('$data_id', (_event, element) => {
 ┌────────────────────────────────────────────────────────────┐
 │                           UI Layer                         │
 │  <section action-context="cart">                           │
-│    <button on-click="add_to_cart:42">Add</button>          │
+│    <button on-click="ui:add_to_cart:42">Add</button>       │
 │  </section>                                                │
 └─────────────────────────┬──────────────────────────────────┘
                           │ DOM event bubbles to body
@@ -468,7 +476,7 @@ registerPayloadResolver('$data_id', (_event, element) => {
                           ▼
 ┌────────────────────────────────────────────────────────────┐
 │                     Business Logic Layer                   │
-│  onAction('add_to_cart', (action) => {                     │
+│  onAction('ui:add_to_cart', (action) => {                  │
 │    cartService.add(action.payload);                        │
 │    // action.context === 'cart'                            │
 │  })                                                        │
@@ -504,15 +512,15 @@ concern, not a user-interaction action.
 **Before:**
 
 ```ts
-dispatchAction('open_drawer', 'settings');
-dispatchAction('logout');
+dispatchAction('ui:open_drawer', 'settings');
+dispatchAction('auth_expired');
 ```
 
 **After:**
 
 ```ts
-dispatchAction({type: 'open_drawer', payload: 'settings'});
-dispatchAction({type: 'logout', payload: undefined});
+dispatchAction({type: 'ui:open_drawer', payload: 'settings'});
+dispatchAction({type: 'auth_expired', payload: undefined});
 ```
 
 ### `onAction` handler signature changed
@@ -522,7 +530,7 @@ Handlers now receive the full `Action<K>` object instead of just the payload.
 **Before:**
 
 ```ts
-onAction('add_to_cart', (item) => {
+onAction('ui:add_to_cart', (item) => {
   cartService.add(item.productId, item.qty);
 });
 ```
@@ -530,7 +538,7 @@ onAction('add_to_cart', (item) => {
 **After:**
 
 ```ts
-onAction('add_to_cart', (action) => {
+onAction('ui:add_to_cart', (action) => {
   cartService.add(action.payload.productId, action.payload.qty);
   // action.context is now also available
 });
@@ -563,27 +571,27 @@ The event type is now encoded in the **attribute name** instead of the value, an
 **Before:**
 
 ```html
-<button on-action="click->open_drawer:main">Open</button>
+<button on-action="click->ui:open_drawer:main">Open</button>
 <form
-  on-action="submit.prevent.validate->submit_form:$formdata"
+  on-action="submit.prevent.validate->ui:submit_form:$formdata"
   novalidate
 >
   …
 </form>
-<button on-action="click.once->welcome_dismissed">Got it</button>
+<button on-action="click.once->ui:welcome_dismissed">Got it</button>
 ```
 
 **After:**
 
 ```html
-<button on-click="open_drawer:main">Open</button>
+<button on-click="ui:open_drawer:main">Open</button>
 <form
-  on-submit="submit_form:$formdata; prevent,validate"
+  on-submit="ui:submit_form:$formdata; prevent,validate"
   novalidate
 >
   …
 </form>
-<button on-click="welcome_dismissed; once">Got it</button>
+<button on-click="ui:welcome_dismissed; once">Got it</button>
 ```
 
 ### `page-ready` moved to `@alwatr/page-ready`

package/dist/delegate.d.ts

@@ -84,12 +84,12 @@ export declare const DEFAULT_DELEGATED_EVENTS: readonly string[];
  *
  * ```html
  * <section action-context="product-list">
- *   <button on-click="add_to_cart:42">Add</button>
+ *   <button on-click="ui:add_to_cart:42">Add</button>
  * </section>
  * ```
  *
  * ```ts
- * onAction('add_to_cart', (action) => {
+ * onAction('ui:add_to_cart', (action) => {
  *   console.log(action.context); // 'product-list'
  * });
  * ```
@@ -103,7 +103,7 @@ export declare const DEFAULT_DELEGATED_EVENTS: readonly string[];
  * // One call activates the entire page.
  * setupActionDelegation();
  *
- * onAction('open_drawer', (action) => openDrawer(action.payload));
+ * onAction('ui:open_drawer', (action) => openDrawer(action.payload));
  * ```
  *
  * @example — with extra event types

package/dist/main.d.ts

@@ -17,7 +17,7 @@
  * import {setupActionDelegation, onAction} from '@alwatr/action';
  *
  * setupActionDelegation();
- * onAction('open_drawer', (action) => openDrawer(action.payload));
+ * onAction('ui:open_drawer', (action) => openDrawer(action.payload));
  * ```
  *
  * ## Attribute syntax
@@ -27,9 +27,9 @@
  * ```
  *
  * ```html
- * <button on-click="open_drawer:main">Open</button>
- * <input on-input="search_query:$value" />
- * <form on-submit="submit_form:$formdata; prevent,validate" novalidate>…</form>
+ * <button on-click="ui:open_drawer:main">Open</button>
+ * <input on-input="ui:search_query:$value" />
+ * <form on-submit="ui:submit_form:$formdata; prevent,validate" novalidate>…</form>
  * ```
  *
  * ## Context scoping
@@ -40,12 +40,12 @@
  *
  * ```html
  * <section action-context="product-list">
- *   <button on-click="add_to_cart:42">Add</button>
+ *   <button on-click="ui:add_to_cart:42">Add</button>
  * </section>
  * ```
  *
  * ```ts
- * onAction('add_to_cart', (action) => {
+ * onAction('ui:add_to_cart', (action) => {
  *   console.log(action.context); // 'product-list'
  *   console.log(action.payload); // '42'
  * });
@@ -53,6 +53,9 @@
  *
  * ## Programmatic dispatch
  *
+ * Code-originated actions should not use the `ui:` prefix — that prefix is
+ * reserved for DOM-originated actions dispatched via HTML attributes.
+ *
  * ```ts
  * import {dispatchAction} from '@alwatr/action';
  *
@@ -67,9 +70,14 @@
  * // src/action-record.ts
  * declare module '@alwatr/action' {
  *   interface ActionRecord {
- *     'open_drawer': string;
- *     'add_to_cart': {productId: number; qty: number};
- *     'logout': void;
+ *     // UI-originated actions — must start with 'ui:'
+ *     'ui:open_drawer': string;
+ *     'ui:add_to_cart': {productId: number; qty: number};
+ *     'ui:logout': void;
+ *
+ *     // Code-originated actions — no 'ui:' prefix
+ *     'upload_complete': string;
+ *     'auth_expired': void;
  *   }
  * }
  * ```

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,mBAAmB,WAAW,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,mBAAmB,WAAW,CAAC"}

package/dist/main.js

@@ -1,5 +1,5 @@
-/* 📦 @alwatr/action v9.19.1 */
-import{createLogger as Z}from"@alwatr/logger";import{createChannelSignal as H}from"@alwatr/signal";var w=Z("alwatr-action"),J=H({name:"alwatr-action"});var P=new Map,I=new Map;P.set("prevent",(A)=>{return A.preventDefault(),!0});P.set("validate",(A,x)=>{let F=x instanceof HTMLFormElement?x:x.closest("form");if(!F)return!1;return F.checkValidity()});I.set("$value",(A,x)=>{return"value"in x?x.value:null});I.set("$formdata",(A,x)=>{let F=x instanceof HTMLFormElement?x:x.closest("form");return F?Object.fromEntries(new FormData(F)):null});I.set("$checked",(A,x)=>{return"checked"in x?x.checked:null});var M=/^([a-z0-9_-]+)(?::([^;]+))?(?:;\s*([a-z0-9_,-]+))?$/,Q=new Map;function U(A){w.logMethodArgs?.("parseDescriptor__",{attributeValue:A});let x=Q.get(A);if(x!==void 0)return x;let F=A.match(M);if(!F)return w.accident("parseDescriptor__","invalid_syntax",{attributeValue:A}),Q.set(A,null),null;let K=F[1],D=F[2],z=F[3],N={modifiers:z?new Set(z.split(",").filter(Boolean)):new Set,actionId:K,payload:D};return Q.set(A,N),N}function Y(A){let x=A.type;w.logMethodArgs?.("handleDelegatedEvent__",{eventType:x});let F=A.target;if(!F)return;let K=`on-${x}`,D=F.closest?.(`[${K}]`);if(!D)return;let z=D.getAttribute?.(K)?.trim();if(!z){w.accident("handleDelegatedEvent__","empty_attribute",{eventType:x,actionElement:D});return}if(!(D instanceof HTMLElement)){w.accident("handleDelegatedEvent__","target_not_html_element",{eventType:x,actionElement:D});return}let q=U(z);if(!q)return;if(w.logMethodArgs?.("handleDelegatedEvent__.action",{eventType:x,descriptor:q}),q.modifiers.has("once"))D.removeAttribute(K);let N=D.closest("[action-context]")?.getAttribute("action-context")??void 0,O={type:q.actionId,context:N,payload:q.payload};for(let G of q.modifiers){if(G==="once")continue;let X=P.get(G);if(!X){w.accident("handleDelegatedEvent__","unknown_modifier",{eventType:x,modifier:G,attributeValue:z,descriptor:q});return}if(X(A,D,O)===!1)return}if(q.payload){let G=I.get(q.payload);if(G)O.payload=G(A,D)}else O.payload=void 0;J.dispatch(O.type,O)}var W=new Set,B=["click","submit","input","change"];function R(A=B){w.logMethodArgs?.("setupActionDelegation",{eventTypes:A});for(let x of A){if(W.has(x))continue;W.add(x),document.body.addEventListener(x,Y,{capture:!0})}}function V(){w.logMethod?.("teardownActionDelegation");for(let A of W)document.body.removeEventListener(A,Y,{capture:!0});W.clear(),Q.clear()}function T(A,x){return w.logMethodArgs?.("onAction",{type:A}),J.on(A,x)}function p(A){w.logMethodArgs?.("dispatchAction",A),J.dispatch(A.type,A)}function u(A,x){if(w.logMethodArgs?.("registerModifier",{name:A}),P.has(A))w.accident("registerModifier","modifier_already_registered",{name:A});P.set(A,x)}function c(A,x){if(w.logMethodArgs?.("registerPayloadResolver",{name:A}),I.has(A))w.accident("registerPayloadResolver","payload_resolver_already_registered",{name:A});I.set(A,x)}export{V as teardownActionDelegation,R as setupActionDelegation,c as registerPayloadResolver,u as registerModifier,T as onAction,p as dispatchAction,B as DEFAULT_DELEGATED_EVENTS};
+/* 📦 @alwatr/action v9.20.0 */
+import{createLogger as W}from"@alwatr/logger";import{createChannelSignal as X}from"@alwatr/signal";var w=W("alwatr-action"),M=X({name:"alwatr-action"});var O=new Map,q=new Map;O.set("prevent",(x)=>{return x.preventDefault(),!0});O.set("validate",(x,A)=>{let D=A instanceof HTMLFormElement?A:A.closest("form");if(!D)return!1;return D.checkValidity()});q.set("$value",(x,A)=>{return"value"in A?A.value:null});q.set("$formdata",(x,A)=>{let D=A instanceof HTMLFormElement?A:A.closest("form");return D?Object.fromEntries(new FormData(D)):null});q.set("$checked",(x,A)=>{return"checked"in A?A.checked:null});var Y=/^(ui:[a-z0-9_-]+)(?::([^;]+))?(?:;\s*([a-z0-9_,-]+))?$/,J=new Map;function Z(x){w.logMethodArgs?.("parseDescriptor__",{attributeValue:x});let A=J.get(x);if(A!==void 0)return A;let D=x.match(Y);if(!D)return w.accident("parseDescriptor__","invalid_syntax",{attributeValue:x}),J.set(x,null),null;let G=D[1],F=D[2],P=D[3],H={modifiers:P?new Set(P.split(",").filter(Boolean)):new Set,actionId:G,payload:F};return J.set(x,H),H}function U(x){let A=x.type;w.logMethodArgs?.("handleDelegatedEvent__",{eventType:A});let D=x.target;if(!D)return;let G=`on-${A}`,F=D.closest?.(`[${G}]`);if(!F)return;let P=F.getAttribute?.(G)?.trim();if(!P){w.accident("handleDelegatedEvent__","empty_attribute",{eventType:A,actionElement:F});return}if(!(F instanceof HTMLElement)){w.accident("handleDelegatedEvent__","target_not_html_element",{eventType:A,actionElement:F});return}let I=Z(P);if(!I)return;if(w.logMethodArgs?.("handleDelegatedEvent__.action",{eventType:A,descriptor:I}),I.modifiers.has("once"))F.removeAttribute(G);let H=F.closest("[action-context]")?.getAttribute("action-context")??void 0,K={type:I.actionId,context:H,payload:I.payload};for(let z of I.modifiers){if(z==="once")continue;let Q=O.get(z);if(!Q){w.accident("handleDelegatedEvent__","unknown_modifier",{eventType:A,modifier:z,attributeValue:P,descriptor:I});return}if(Q(x,F,K)===!1)return}if(I.payload){let z=q.get(I.payload);if(z)K.payload=z(x,F)}else K.payload=void 0;M.dispatch(K.type,K)}var N=new Set,L=["click","submit","input","change"];function k(x=L){w.logMethodArgs?.("setupActionDelegation",{eventTypes:x});for(let A of x){if(N.has(A))continue;N.add(A),document.body.addEventListener(A,U,{capture:!0})}}function R(){w.logMethod?.("teardownActionDelegation");for(let x of N)document.body.removeEventListener(x,U,{capture:!0});N.clear(),J.clear()}function u(x,A){return w.logMethodArgs?.("onAction",{type:x}),M.on(x,A)}function T(x){w.logMethodArgs?.("dispatchAction",x),M.dispatch(x.type,x)}function p(x,A){if(w.logMethodArgs?.("registerModifier",{name:x}),O.has(x))w.accident("registerModifier","modifier_already_registered",{name:x});O.set(x,A)}function d(x,A){if(w.logMethodArgs?.("registerPayloadResolver",{name:x}),q.has(x))w.accident("registerPayloadResolver","payload_resolver_already_registered",{name:x});q.set(x,A)}export{R as teardownActionDelegation,k as setupActionDelegation,d as registerPayloadResolver,p as registerModifier,u as onAction,T as dispatchAction,L as DEFAULT_DELEGATED_EVENTS};
 
-//# debugId=0AD625CF891520DA64756E2164756E21
+//# debugId=D0BD2610127CF17564756E2164756E21
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -3,11 +3,11 @@
   "sources": ["../src/lib_.ts", "../src/registry_.ts", "../src/delegate.ts", "../src/method.ts"],
   "sourcesContent": [
     "import {createLogger} from '@alwatr/logger';\nimport {createChannelSignal} from '@alwatr/signal';\nimport type {Action} from './type.js';\n\n/**\n * Module-scoped logger for `@alwatr/action`.\n * Scoped to `'alwatr-action'` so log lines are easy to filter in the console.\n *\n * @internal\n */\nexport const logger_ = createLogger('alwatr-action');\n\n/**\n * The internal action channel — a `ChannelSignal` keyed by action `type`.\n *\n * Each message on this channel is a full `Action` object (AFSA), not just a\n * raw payload. Subscribers registered via `onAction('foo', handler)` receive\n * the entire `Action<'foo'>` so they have access to `context`, `meta`, and\n * `payload` in one place.\n *\n * Uses `ChannelSignal` for O(1) routing: dispatching action `'A'` performs a\n * single `Map.get('A')` lookup and invokes only the handlers registered for\n * that specific type — never handlers for `'B'`, `'C'`, etc.\n *\n * @internal — not part of the public API; use `onAction` / `dispatchAction` instead.\n */\nexport const internalChannel_ = createChannelSignal<Record<string, Action>>({name: 'alwatr-action'});\n",
-    "import type {ModifierHandler, PayloadResolver} from './type.js';\n\n/**\n * Registry of all named modifier handlers.\n *\n * Keys are modifier names used in the `on-<eventType>` attribute syntax\n * (e.g. `on-click=\"action-id; prevent\"`). Values are `ModifierHandler` functions.\n * Populated at module load with built-in modifiers; extended at runtime via\n * `registerModifier`.\n *\n * @internal\n */\nexport const modifierRegistry = new Map<string, ModifierHandler>();\n\n/**\n * Registry of all named payload resolvers.\n *\n * Keys are resolver tokens used in the `on-<eventType>` attribute syntax\n * (e.g. `on-input=\"search_query:$value\"`). Values are `PayloadResolver` functions.\n * Populated at module load with built-in resolvers; extended at runtime via\n * `registerPayloadResolver`.\n *\n * @internal\n */\nexport const payloadRegistry = new Map<string, PayloadResolver>();\n\n// ─── Built-in Modifiers ───────────────────────────────────────────────────────\n\n/**\n * `prevent` — calls `event.preventDefault()` before dispatching.\n *\n * Use it to suppress the browser's default behaviour (e.g. form submission,\n * link navigation, context menu).\n *\n * @example `<form on-submit=\"submit-form; prevent\">`\n */\nmodifierRegistry.set('prevent', (event) => {\n  event.preventDefault();\n  return true;\n});\n\n/**\n * `validate` — cancels the dispatch if the nearest `<form>` fails validation.\n *\n * Looks for a `<form>` ancestor (or the element itself if it is a form) and\n * calls `checkValidity()`. If the form is invalid the action is not dispatched,\n * allowing native constraint-validation UI to surface errors. If no form is\n * found the dispatch is also cancelled.\n *\n * Pair with `prevent` on `submit` events to avoid page reloads:\n *\n * @example `<form on-submit=\"submit_form:$formdata; prevent,validate\" novalidate>`\n */\nmodifierRegistry.set('validate', (_event, element) => {\n  const form = element instanceof HTMLFormElement ? element : element.closest('form');\n  if (!form) return false;\n  return form.checkValidity();\n});\n\n// ─── Built-in Payload Resolvers ───────────────────────────────────────────────\n\n/**\n * `$value` — resolves to the element's `.value` property at dispatch time.\n *\n * Works with any element that exposes a `value` property: `<input>`,\n * `<textarea>`, `<select>`. Returns `null` for elements without `.value`.\n *\n * @example `<input on-input=\"search_query:$value\" />`\n */\npayloadRegistry.set('$value', (_event, element) => {\n  return 'value' in element ? (element as {value: unknown}).value : null;\n});\n\n/**\n * `$formdata` — resolves to a plain object of all fields in the nearest `<form>`.\n *\n * Collects entries via `FormData` and converts them to a `Record<string, FormDataEntryValue>`.\n * Looks for a `<form>` ancestor (or the element itself). Returns `null` when no\n * form is found.\n *\n * @example `<form on-submit=\"submit_form:$formdata; prevent,validate\">`\n * ```ts\n * onAction('submit_form', (action) => {\n *   console.log(action.payload); // {username: 'ali', password: '…'}\n * });\n * ```\n */\npayloadRegistry.set('$formdata', (_event, element) => {\n  const form = element instanceof HTMLFormElement ? element : element.closest('form');\n  return form ? Object.fromEntries(new FormData(form)) : null;\n});\n\n/**\n * `$checked` — resolves to the `.checked` boolean property of a checkbox or radio input.\n *\n * Works with `<input type=\"checkbox\">` and `<input type=\"radio\">`.\n * Returns `null` for elements that do not have a `checked` property.\n *\n * @example `<input type=\"checkbox\" on-change=\"toggle_feature:$checked\" />`\n * ```ts\n * onAction('toggle_feature', (action) => {\n *   console.log(action.payload); // true or false\n *   featureSignal.set(action.payload);\n * });\n * ```\n */\npayloadRegistry.set('$checked', (_event, element) => {\n  return 'checked' in element ? (element as HTMLInputElement).checked : null;\n});\n",
-    "/**\n * @file delegate.ts\n *\n * Global Event Delegation engine for `@alwatr/action`.\n *\n * ## Why delegation instead of per-element listeners?\n *\n * The classic directive approach attaches one `addEventListener` per element.\n * With 100 buttons on a page, that means 100 listener registrations at boot\n * time — O(N) initialization cost, O(N) memory for listener references, and\n * zero support for elements added after bootstrap.\n *\n * This module implements the global delegation pattern:\n * - A single listener per event type is attached to `document.body` with\n *   `capture: true` (so it fires even for non-bubbling events).\n * - When an event fires, the handler walks up the DOM from `event.target`\n *   using `closest()` to find the nearest element with an `on-<eventType>`\n *   attribute (e.g. `on-click`, `on-submit`).\n * - The nearest `[action-context]` ancestor is also resolved and attached to\n *   the `Action` object as `context` — enabling the same action type to be\n *   scoped to different UI regions.\n * - Modifiers run with access to the mutable `Action` object so they can\n *   enrich `meta` before the action reaches subscribers.\n * - `dispatchAction` is called with the fully assembled `Action` object.\n *\n * ## Complexity\n *\n * | Metric          | Per-element listeners | Global delegation |\n * | --------------- | --------------------- | ----------------- |\n * | Boot time       | O(N elements)         | O(1) — 1 loop     |\n * | Memory          | O(N listeners)        | O(1) — 1 handler  |\n * | Dynamic content | Requires re-bootstrap | Works out-of-box  |\n * | `once` modifier | Native option         | Manual tracking   |\n *\n * ## Trade-offs vs. the directive approach\n *\n * - `passive` is not supported as a per-element option (all delegated listeners\n *   are non-passive so that `prevent` can call `preventDefault()`).\n * - `stop` stops further bubbling but the delegation handler has already\n *   captured the event at `body` level — it does not prevent other delegation\n *   handlers from running on the same element.\n * - `once` is emulated by removing the attribute after first fire.\n */\n\nimport {internalChannel_, logger_} from './lib_.js';\nimport {modifierRegistry, payloadRegistry} from './registry_.js';\nimport type {Action, ActionRecord} from './type.js';\n\n// ─── Syntax Parser ────────────────────────────────────────────────────────────\n\n/**\n * Parses the `on-<eventType>` attribute value into its segments.\n *\n * Syntax: `actionId[:payload][; modifier1,modifier2,…]`\n *\n * The event type is encoded in the **attribute name** itself (`on-click`,\n * `on-submit`, etc.) rather than inside the value. This makes the HTML more\n * readable and aligns with native event attribute conventions.\n *\n * | Capture group | Matches                                | Example                |\n * | ------------- | -------------------------------------- | ---------------------- |\n * | 1             | Action identifier                      | `open_drawer`          |\n * | 2             | Optional payload token or literal      | `main_menu` / `$value` |\n * | 3             | Optional comma-separated modifier list | `prevent,validate`     |\n *\n * @example\n * ```\n * 'close_drawer'\n *   → actionId='close_drawer', payload=undefined, modifiers={}\n *\n * 'open_drawer:main_menu'\n *   → actionId='open_drawer', payload='main_menu', modifiers={}\n *\n * 'my_submit_handler:$formdata; prevent,validate'\n *   → actionId='my_submit_handler', payload='$formdata', modifiers={'prevent','validate'}\n * ```\n */\nconst syntaxRegex = /^([a-z0-9_-]+)(?::([^;]+))?(?:;\\s*([a-z0-9_,-]+))?$/;\n\n// ─── Parsed Action Descriptor ─────────────────────────────────────────────────\n\n/**\n * Parsed and cached representation of a single `on-<eventType>` attribute value.\n *\n * Does not store `eventType` — the caller always has it from `event.type`,\n * and the attribute name already encodes it (e.g. `on-click`), so storing it\n * here would be redundant. This also keeps the cache key simple: just the raw\n * attribute value string, with no composite key needed.\n */\ninterface ActionDescriptor {\n  /** Set of active modifier names (e.g. `{'prevent', 'once'}`). */\n  readonly modifiers: ReadonlySet<string>;\n  /** The action identifier dispatched to `onAction` subscribers. */\n  readonly actionId: string;\n  /** Raw payload token from the attribute (literal string or $-resolver key). */\n  readonly payload: string | undefined;\n}\n\n/**\n * Cache for parsed `on-<eventType>` attribute values.\n *\n * Attribute strings are typically repeated across many elements (e.g. every\n * \"add to cart\" button shares the same `on-click` value). Caching the parsed\n * descriptor avoids redundant regex work on every event.\n *\n * The cache key is the raw attribute value string. No composite key with\n * event type is needed because the attribute name already encodes the event\n * type — `on-click=\"open_drawer\"` and `on-submit=\"open_drawer\"` are two\n * separate attributes with the same value string, but they are read from\n * different attribute names and never collide in this cache.\n *\n * @internal\n */\nconst descriptorCache__ = new Map<string, ActionDescriptor | null>();\n\n/**\n * Parses an `on-<eventType>` attribute value into an `ActionDescriptor`.\n *\n * Returns `null` when the syntax is invalid. Results are cached by the raw\n * attribute value string so repeated calls for the same value are O(1).\n *\n * @internal\n */\nfunction parseDescriptor__(attributeValue: string): ActionDescriptor | null {\n  logger_.logMethodArgs?.('parseDescriptor__', {attributeValue});\n\n  const cached = descriptorCache__.get(attributeValue);\n  // Explicit `undefined` check: `null` means \"already parsed and invalid\".\n  if (cached !== undefined) return cached;\n\n  const match = attributeValue.match(syntaxRegex);\n  if (!match) {\n    logger_.accident('parseDescriptor__', 'invalid_syntax', {attributeValue});\n    descriptorCache__.set(attributeValue, null);\n    return null;\n  }\n\n  const actionId = match[1];\n  const payload: string | undefined = match[2];\n  // match[3] is the raw modifier list string, e.g. \"prevent,validate\"\n  const modifierString = match[3];\n  const modifiers: Set<string> = modifierString ? new Set(modifierString.split(',').filter(Boolean)) : new Set();\n  const descriptor: ActionDescriptor = {modifiers, actionId, payload};\n\n  descriptorCache__.set(attributeValue, descriptor);\n  return descriptor;\n}\n\n// ─── Core Delegation Handler ──────────────────────────────────────────────────\n\n/**\n * Central event handler attached to `document.body` for every delegated event type.\n *\n * Execution flow for each incoming event:\n * 1. Walk up from `event.target` to find the nearest element with an\n *    `on-<eventType>` attribute (e.g. `on-click`, `on-submit`).\n * 2. Parse (or retrieve from cache) the `ActionDescriptor` for that attribute.\n * 3. Resolve `context` from the nearest `[action-context]` ancestor.\n * 4. Build a mutable `Action` object with `type`, `payload` (raw), and `context`.\n * 5. Run each modifier in order with access to the mutable `Action`; if any\n *    returns `false`, abort.\n * 6. Resolve the payload token (literal or $-resolver) and assign to `action.payload`.\n * 7. Call `dispatchAction(action)` with the fully assembled object.\n *\n * @internal\n */\nfunction handleDelegatedEvent__(event: Event): void {\n  const eventType = event.type;\n  logger_.logMethodArgs?.('handleDelegatedEvent__', {eventType});\n\n  const target = event.target as Element | null;\n  if (!target) return;\n\n  // Attribute name encodes the event type: on-click, on-submit, etc.\n  const actionAttrib = `on-${eventType}`;\n\n  // Walk up the DOM to find the closest element with the matching on-<eventType> attribute.\n  const actionElement = target.closest?.(`[${actionAttrib}]`);\n  if (!actionElement) return;\n\n  const attributeValue = actionElement.getAttribute?.(actionAttrib)?.trim();\n  if (!attributeValue) {\n    logger_.accident('handleDelegatedEvent__', 'empty_attribute', {eventType, actionElement});\n    return;\n  }\n\n  if (!(actionElement instanceof HTMLElement)) {\n    logger_.accident('handleDelegatedEvent__', 'target_not_html_element', {eventType, actionElement});\n    return;\n  }\n\n  const descriptor = parseDescriptor__(attributeValue);\n  if (!descriptor) return;\n\n  logger_.logMethodArgs?.('handleDelegatedEvent__.action', {eventType, descriptor});\n\n  // Step 1: handle `once` modifier — remove attribute before running other modifiers\n  // so that even if a modifier aborts, the element will not fire again.\n  if (descriptor.modifiers.has('once')) {\n    actionElement.removeAttribute(actionAttrib);\n  }\n\n  // Step 2: resolve `context` from the nearest [action-context] ancestor.\n  // Walk up from the action element itself (inclusive) to find the context scope.\n  // This allows the action element itself to carry action-context if needed.\n  const actionContext = actionElement.closest('[action-context]')?.getAttribute('action-context') ?? undefined;\n\n  // Step 3: build the mutable Action object.\n  // `payload` starts as the raw token string; it will be resolved in step 5.\n  // Modifiers in step 4 may mutate `meta` to attach cross-cutting data.\n  const action: Action = {\n    type: descriptor.actionId as keyof ActionRecord,\n    context: actionContext,\n    // Payload is temporarily set to the raw token; resolved below after modifiers run.\n    payload: descriptor.payload as ActionRecord[keyof ActionRecord],\n  };\n\n  // Step 4: run modifiers — each receives the mutable action so it can enrich meta.\n  for (const modifier of descriptor.modifiers) {\n    if (modifier === 'once') continue; // handled above\n    const handler = modifierRegistry.get(modifier);\n    if (!handler) {\n      logger_.accident('handleDelegatedEvent__', 'unknown_modifier', {eventType, modifier, attributeValue, descriptor});\n      return; // unknown modifier — abort to avoid silent misbehavior\n    }\n    if (handler(event, actionElement, action) === false) return;\n  }\n\n  // Step 5: resolve payload — replace raw token with the actual value.\n  // If the raw token starts with '$', look it up in the payload resolver registry.\n  // Otherwise treat it as a literal string payload.\n  if (descriptor.payload) {\n    const resolver = payloadRegistry.get(descriptor.payload);\n    if (resolver) {\n      // Cast needed: payload is typed as ActionRecord[K] but we're building generically.\n      (action as {payload: unknown}).payload = resolver(event, actionElement);\n    }\n    // else: keep the literal string already set on action.payload\n  } else {\n    // No payload token in the attribute — set to undefined.\n    (action as {payload: unknown}).payload = undefined;\n  }\n\n  // Step 6: dispatch the fully assembled Action object.\n  internalChannel_.dispatch(action.type, action);\n}\n\n// ─── Setup ────────────────────────────────────────────────────────────────────\n\n/**\n * The set of event types currently delegated to `document.body`.\n *\n * Tracked so that `setupActionDelegation` is idempotent — calling it multiple\n * times with the same event types does not register duplicate listeners.\n *\n * @internal\n */\nconst delegatedEventTypes__ = new Set<string>();\n\n/**\n * Default DOM event types that cover the vast majority of interactive elements.\n *\n * - `click` — buttons, links, checkboxes, custom interactive elements\n * - `submit` — form submission\n * - `input` — live text input, range sliders\n * - `change` — select boxes, checkboxes, radio buttons (fires on commit)\n *\n * Pass additional types to `setupActionDelegation` when your app uses other\n * events (e.g. `'keydown'`, `'pointerup'`).\n */\nexport const DEFAULT_DELEGATED_EVENTS: readonly string[] = ['click', 'submit', 'input', 'change'];\n\n/**\n * Registers global event delegation for `on-<eventType>` attributes.\n *\n * Attaches a single `capture`-phase listener on `document.body` for each\n * event type in `eventTypes`. All processing — context resolution, modifier\n * execution, payload resolution, and `dispatchAction` — happens inside that\n * one handler.\n *\n * **Call this once at application bootstrap**, before any user interaction.\n * Subsequent calls with the same event types are no-ops (idempotent).\n *\n * ### Why `capture: true`?\n *\n * Capture-phase listeners fire before bubble-phase listeners and also catch\n * events that do not bubble (e.g. `focus`, `blur`). This ensures the delegation\n * handler always runs, even when a child element calls `stopPropagation()`.\n *\n * ### Dynamic content\n *\n * Because the listener lives on `document.body`, any element added to the DOM\n * after this call — via `innerHTML`, `lit-html`, a framework renderer, or\n * server-sent HTML — is automatically covered. No re-bootstrap is needed.\n *\n * ### Context scoping\n *\n * Wrap a group of elements in a `[action-context]` container to scope their\n * actions. The delegation handler automatically resolves the nearest ancestor\n * and attaches its value to `action.context`:\n *\n * ```html\n * <section action-context=\"product-list\">\n *   <button on-click=\"add_to_cart:42\">Add</button>\n * </section>\n * ```\n *\n * ```ts\n * onAction('add_to_cart', (action) => {\n *   console.log(action.context); // 'product-list'\n * });\n * ```\n *\n * @param eventTypes - Event types to delegate. Defaults to `DEFAULT_DELEGATED_EVENTS`.\n *\n * @example — minimal bootstrap\n * ```ts\n * import {setupActionDelegation, onAction} from '@alwatr/action';\n *\n * // One call activates the entire page.\n * setupActionDelegation();\n *\n * onAction('open_drawer', (action) => openDrawer(action.payload));\n * ```\n *\n * @example — with extra event types\n * ```ts\n * import {setupActionDelegation, DEFAULT_DELEGATED_EVENTS} from '@alwatr/action';\n *\n * setupActionDelegation([...DEFAULT_DELEGATED_EVENTS, 'keydown', 'pointerup']);\n * ```\n */\nexport function setupActionDelegation(eventTypes: readonly string[] = DEFAULT_DELEGATED_EVENTS): void {\n  logger_.logMethodArgs?.('setupActionDelegation', {eventTypes});\n\n  for (const eventType of eventTypes) {\n    if (delegatedEventTypes__.has(eventType)) continue; // already registered — skip\n    delegatedEventTypes__.add(eventType);\n    // capture: true — fires before bubble-phase listeners and catches non-bubbling events.\n    document.body.addEventListener(eventType, handleDelegatedEvent__, {capture: true});\n  }\n}\n\n/**\n * Removes all global delegation listeners registered by `setupActionDelegation`.\n *\n * Useful in test environments where each test needs a clean slate, or in\n * micro-frontend setups where a sub-app is unmounted.\n *\n * After calling this, `setupActionDelegation` can be called again to re-register.\n */\nexport function teardownActionDelegation(): void {\n  logger_.logMethod?.('teardownActionDelegation');\n  for (const eventType of delegatedEventTypes__) {\n    document.body.removeEventListener(eventType, handleDelegatedEvent__, {capture: true});\n  }\n  delegatedEventTypes__.clear();\n  descriptorCache__.clear();\n}\n",
-    "import type {Awaitable} from '@alwatr/type-helper';\nimport type {SubscribeResult} from '@alwatr/signal';\n\nimport {internalChannel_, logger_} from './lib_.js';\nimport {modifierRegistry, payloadRegistry} from './registry_.js';\nimport type {Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResolver} from './type.js';\n\n// ─── Core Action API ──────────────────────────────────────────────────────────\n\n/**\n * Subscribes to a named action dispatched anywhere in the application.\n *\n * `type` must be a key of `ActionRecord`. The handler receives the full\n * `Action<K>` object — giving access to `payload`, `context`, and `meta`\n * in one place. No manual generic annotation is needed; the compiler infers\n * the correct `payload` type from `ActionRecord`:\n *\n * ```ts\n * // ActionRecord declares: 'add_to_cart': {productId: number; qty: number}\n * onAction('add_to_cart', (action) => {\n *   cartService.add(action.payload.productId, action.payload.qty); // fully typed\n *   console.log(action.context); // e.g. 'product-list' (from DOM) or undefined\n * });\n * ```\n *\n * Passing an action name not declared in `ActionRecord` is a **compile error**.\n * Register new actions by extending `ActionRecord` via declaration merging:\n *\n * ```ts\n * // src/action-record.ts\n * declare module '@alwatr/action' {\n *   interface ActionRecord {\n *     'open_drawer': string;\n *   }\n * }\n * ```\n *\n * Internally delegates to `ChannelSignal.on()` for **O(1) routing** — dispatching\n * action `'A'` never invokes handlers registered for action `'B'`.\n *\n * @param type    - A key of `ActionRecord`.\n * @param handler - Callback invoked with the full `Action<K>` on each dispatch.\n * @returns A `SubscribeResult` with an `unsubscribe()` method for cleanup.\n *\n * @example\n * ```ts\n * import {onAction} from '@alwatr/action';\n *\n * const sub = onAction('page_ready', (action) => {\n *   router.setPage(action.payload); // payload: string — inferred from ActionRecord\n * });\n *\n * sub.unsubscribe(); // stop listening when no longer needed\n * ```\n */\nexport function onAction<K extends keyof ActionRecord>(\n  type: K,\n  handler: (action: Action<K>) => Awaitable<void>,\n): SubscribeResult {\n  logger_.logMethodArgs?.('onAction', {type});\n  // The internal channel stores Action<any>; we cast to Action<K> here because\n  // the channel key guarantees the type matches — only Action<K> objects are\n  // ever dispatched under key K.\n  return internalChannel_.on(type, handler as (action: Action) => Awaitable<void>);\n}\n\n/**\n * Dispatches an action to all `onAction` subscribers with a matching `type`.\n *\n * Accepts a full `Action<K>` object. The `payload` field is automatically\n * typed from `ActionRecord[K]` — passing the wrong shape is a **compile error**:\n *\n * ```ts\n * // ActionRecord declares: 'add_to_cart': {productId: number; qty: number}\n * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}}); // ✅\n * dispatchAction({type: 'add_to_cart', payload: 'wrong'});                  // ❌ compile error\n * dispatchAction({type: 'unknown_action', payload: 'x'});                   // ❌ compile error\n * ```\n *\n * The `context` and `meta` fields are optional. When dispatching from code\n * (not from the DOM), omit `context` — it is only meaningful for DOM-originated\n * actions where an `[action-context]` ancestor exists.\n *\n * Use `dispatchAction` when triggering an action from code — e.g. after an\n * async operation, from a service layer, or in tests. For DOM-driven actions,\n * use the `on-<eventType>` HTML attribute with `setupActionDelegation`.\n *\n * @param action - A full `Action<K>` object with at minimum `type` and `payload`.\n *\n * @example — with payload\n * ```ts\n * import {dispatchAction} from '@alwatr/action';\n *\n * dispatchAction({type: 'navigate', payload: '/dashboard'});\n * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}});\n * ```\n *\n * @example — void payload (payload field is optional and can be omitted entirely)\n * ```ts\n * dispatchAction({type: 'logout'});\n * // or explicitly:\n * dispatchAction({type: 'logout', payload: undefined});\n * ```\n *\n * @example — with context and meta\n * ```ts\n * dispatchAction({\n *   type: 'slider_change',\n *   payload: 75,\n *   context: 'volume_slider',\n *   meta: {traceId: 'abc-123'},\n * });\n * ```\n */\nexport function dispatchAction<K extends keyof ActionRecord>(action: DispatchParam<K>): void {\n  logger_.logMethodArgs?.('dispatchAction', action);\n  internalChannel_.dispatch(action.type, action as Action<K>);\n}\n\n// ─── Extension API ────────────────────────────────────────────────────────────\n\n/**\n * Registers a custom modifier that can be used in `on-<eventType>` attribute syntax.\n *\n * A modifier is a comma-separated token placed after the `;` separator\n * (e.g. `on-click=\"action-id; mymod\"`). Its handler runs before the payload is\n * resolved and the action is dispatched. Returning `false` cancels the dispatch.\n *\n * The handler also receives the **mutable** `action` object being built, so it\n * can attach data to `action.meta` before the action reaches subscribers.\n *\n * Built-in modifiers (`prevent`, `validate`, `once`) are always available.\n * This function lets you add domain-specific ones.\n *\n * Registering the same name twice logs an accident and overwrites the previous\n * handler — avoid duplicate registrations in production code.\n *\n * @param name    - The modifier token (lowercase, no special characters).\n * @param handler - A `ModifierHandler` receiving `(event, element, action)`.\n *\n * @example — a `confirm` modifier that shows a browser dialog\n * ```ts\n * import {registerModifier} from '@alwatr/action';\n *\n * registerModifier('confirm', () => window.confirm('Are you sure?'));\n * ```\n * ```html\n * <button on-click=\"delete_item:42; confirm\">Delete</button>\n * ```\n *\n * @example — a `trace` modifier that stamps a trace ID into meta\n * ```ts\n * registerModifier('trace', (_event, _element, action) => {\n *   action.meta ??= {};\n *   action.meta['traceId'] = crypto.randomUUID();\n *   return true;\n * });\n * ```\n */\nexport function registerModifier(name: string, handler: ModifierHandler): void {\n  logger_.logMethodArgs?.('registerModifier', {name});\n  if (modifierRegistry.has(name)) {\n    logger_.accident('registerModifier', 'modifier_already_registered', {name});\n  }\n  modifierRegistry.set(name, handler);\n}\n\n/**\n * Registers a custom payload resolver that can be used in `on-<eventType>` attribute syntax.\n *\n * A payload resolver is a colon-prefixed token in the attribute value\n * (e.g. `on-click=\"action-id:$mytoken\"`). Its function is called at dispatch time\n * with the DOM event and the element. The return value becomes the `payload`\n * field of the `Action` object passed to `onAction` subscribers.\n *\n * Built-in resolvers (`$value`, `$formdata`, `$checked`) are always available.\n * This function lets you add domain-specific ones.\n *\n * Registering the same name twice logs an accident and overwrites the previous\n * resolver — avoid duplicate registrations in production code.\n *\n * @param name     - The resolver token (should start with `$` by convention).\n * @param resolver - A `PayloadResolver` receiving `(event, element)`.\n *\n * @example — a `$data-id` resolver that reads a data attribute\n * ```ts\n * import {registerPayloadResolver} from '@alwatr/action';\n *\n * registerPayloadResolver('$data-id', (_event, element) => {\n *   return (element as HTMLElement).dataset.id ?? null;\n * });\n * ```\n * ```html\n * <button on-click=\"select_item:$data-id\" data-id=\"42\">Select</button>\n * ```\n */\nexport function registerPayloadResolver(name: string, resolver: PayloadResolver): void {\n  logger_.logMethodArgs?.('registerPayloadResolver', {name});\n  if (payloadRegistry.has(name)) {\n    logger_.accident('registerPayloadResolver', 'payload_resolver_already_registered', {name});\n  }\n  payloadRegistry.set(name, resolver);\n}\n"
+    "import type {ModifierHandler, PayloadResolver} from './type.js';\n\n/**\n * Registry of all named modifier handlers.\n *\n * Keys are modifier names used in the `on-<eventType>` attribute syntax\n * (e.g. `on-click=\"action-id; prevent\"`). Values are `ModifierHandler` functions.\n * Populated at module load with built-in modifiers; extended at runtime via\n * `registerModifier`.\n *\n * @internal\n */\nexport const modifierRegistry = new Map<string, ModifierHandler>();\n\n/**\n * Registry of all named payload resolvers.\n *\n * Keys are resolver tokens used in the `on-<eventType>` attribute syntax\n * (e.g. `on-input=\"ui:search_query:$value\"`). Values are `PayloadResolver` functions.\n * Populated at module load with built-in resolvers; extended at runtime via\n * `registerPayloadResolver`.\n *\n * @internal\n */\nexport const payloadRegistry = new Map<string, PayloadResolver>();\n\n// ─── Built-in Modifiers ───────────────────────────────────────────────────────\n\n/**\n * `prevent` — calls `event.preventDefault()` before dispatching.\n *\n * Use it to suppress the browser's default behaviour (e.g. form submission,\n * link navigation, context menu).\n *\n * @example `<form on-submit=\"ui:submit-form; prevent\">`\n */\nmodifierRegistry.set('prevent', (event) => {\n  event.preventDefault();\n  return true;\n});\n\n/**\n * `validate` — cancels the dispatch if the nearest `<form>` fails validation.\n *\n * Looks for a `<form>` ancestor (or the element itself if it is a form) and\n * calls `checkValidity()`. If the form is invalid the action is not dispatched,\n * allowing native constraint-validation UI to surface errors. If no form is\n * found the dispatch is also cancelled.\n *\n * Pair with `prevent` on `submit` events to avoid page reloads:\n *\n * @example `<form on-submit=\"ui:submit_form:$formdata; prevent,validate\" novalidate>`\n */\nmodifierRegistry.set('validate', (_event, element) => {\n  const form = element instanceof HTMLFormElement ? element : element.closest('form');\n  if (!form) return false;\n  return form.checkValidity();\n});\n\n// ─── Built-in Payload Resolvers ───────────────────────────────────────────────\n\n/**\n * `$value` — resolves to the element's `.value` property at dispatch time.\n *\n * Works with any element that exposes a `value` property: `<input>`,\n * `<textarea>`, `<select>`. Returns `null` for elements without `.value`.\n *\n * @example `<input on-input=\"ui:search_query:$value\" />`\n */\npayloadRegistry.set('$value', (_event, element) => {\n  return 'value' in element ? (element as {value: unknown}).value : null;\n});\n\n/**\n * `$formdata` — resolves to a plain object of all fields in the nearest `<form>`.\n *\n * Collects entries via `FormData` and converts them to a `Record<string, FormDataEntryValue>`.\n * Looks for a `<form>` ancestor (or the element itself). Returns `null` when no\n * form is found.\n *\n * @example `<form on-submit=\"ui:submit_form:$formdata; prevent,validate\">`\n * ```ts\n * onAction('ui:submit_form', (action) => {\n *   console.log(action.payload); // {username: 'ali', password: '…'}\n * });\n * ```\n */\npayloadRegistry.set('$formdata', (_event, element) => {\n  const form = element instanceof HTMLFormElement ? element : element.closest('form');\n  return form ? Object.fromEntries(new FormData(form)) : null;\n});\n\n/**\n * `$checked` — resolves to the `.checked` boolean property of a checkbox or radio input.\n *\n * Works with `<input type=\"checkbox\">` and `<input type=\"radio\">`.\n * Returns `null` for elements that do not have a `checked` property.\n *\n * @example `<input type=\"checkbox\" on-change=\"ui:toggle_feature:$checked\" />`\n * ```ts\n * onAction('ui:toggle_feature', (action) => {\n *   console.log(action.payload); // true or false\n *   featureSignal.set(action.payload);\n * });\n * ```\n */\npayloadRegistry.set('$checked', (_event, element) => {\n  return 'checked' in element ? (element as HTMLInputElement).checked : null;\n});\n",
+    "/**\n * @file delegate.ts\n *\n * Global Event Delegation engine for `@alwatr/action`.\n *\n * ## Why delegation instead of per-element listeners?\n *\n * The classic directive approach attaches one `addEventListener` per element.\n * With 100 buttons on a page, that means 100 listener registrations at boot\n * time — O(N) initialization cost, O(N) memory for listener references, and\n * zero support for elements added after bootstrap.\n *\n * This module implements the global delegation pattern:\n * - A single listener per event type is attached to `document.body` with\n *   `capture: true` (so it fires even for non-bubbling events).\n * - When an event fires, the handler walks up the DOM from `event.target`\n *   using `closest()` to find the nearest element with an `on-<eventType>`\n *   attribute (e.g. `on-click`, `on-submit`).\n * - The nearest `[action-context]` ancestor is also resolved and attached to\n *   the `Action` object as `context` — enabling the same action type to be\n *   scoped to different UI regions.\n * - Modifiers run with access to the mutable `Action` object so they can\n *   enrich `meta` before the action reaches subscribers.\n * - `dispatchAction` is called with the fully assembled `Action` object.\n *\n * ## Complexity\n *\n * | Metric          | Per-element listeners | Global delegation |\n * | --------------- | --------------------- | ----------------- |\n * | Boot time       | O(N elements)         | O(1) — 1 loop     |\n * | Memory          | O(N listeners)        | O(1) — 1 handler  |\n * | Dynamic content | Requires re-bootstrap | Works out-of-box  |\n * | `once` modifier | Native option         | Manual tracking   |\n *\n * ## Trade-offs vs. the directive approach\n *\n * - `passive` is not supported as a per-element option (all delegated listeners\n *   are non-passive so that `prevent` can call `preventDefault()`).\n * - `stop` stops further bubbling but the delegation handler has already\n *   captured the event at `body` level — it does not prevent other delegation\n *   handlers from running on the same element.\n * - `once` is emulated by removing the attribute after first fire.\n */\n\nimport {internalChannel_, logger_} from './lib_.js';\nimport {modifierRegistry, payloadRegistry} from './registry_.js';\nimport type {Action, ActionRecord} from './type.js';\n\n// ─── Syntax Parser ────────────────────────────────────────────────────────────\n\n/**\n * Parses the `on-<eventType>` attribute value into its segments.\n *\n * Syntax: `actionId[:payload][; modifier1,modifier2,…]`\n *\n * The event type is encoded in the **attribute name** itself (`on-click`,\n * `on-submit`, etc.) rather than inside the value. This makes the HTML more\n * readable and aligns with native event attribute conventions.\n *\n * | Capture group | Matches                                | Example                    |\n * | ------------- | -------------------------------------- | -------------------------- |\n * | 1             | Action identifier                      | `ui:open_drawer`           |\n * | 2             | Optional payload token or literal      | `main_menu` / `$value`     |\n * | 3             | Optional comma-separated modifier list | `prevent,validate`         |\n *\n * @example\n * ```\n * 'ui:close_drawer'\n *   → actionId='ui:close_drawer', payload=undefined, modifiers={}\n *\n * 'ui:open_drawer:main_menu'\n *   → actionId='ui:open_drawer', payload='main_menu', modifiers={}\n *\n * 'ui:submit_form:$formdata; prevent,validate'\n *   → actionId='ui:submit_form', payload='$formdata', modifiers={'prevent','validate'}\n * ```\n */\nconst syntaxRegex = /^(ui:[a-z0-9_-]+)(?::([^;]+))?(?:;\\s*([a-z0-9_,-]+))?$/;\n\n// ─── Parsed Action Descriptor ─────────────────────────────────────────────────\n\n/**\n * Parsed and cached representation of a single `on-<eventType>` attribute value.\n *\n * Does not store `eventType` — the caller always has it from `event.type`,\n * and the attribute name already encodes it (e.g. `on-click`), so storing it\n * here would be redundant. This also keeps the cache key simple: just the raw\n * attribute value string, with no composite key needed.\n */\ninterface ActionDescriptor {\n  /** Set of active modifier names (e.g. `{'prevent', 'once'}`). */\n  readonly modifiers: ReadonlySet<string>;\n  /** The action identifier dispatched to `onAction` subscribers. */\n  readonly actionId: string;\n  /** Raw payload token from the attribute (literal string or $-resolver key). */\n  readonly payload: string | undefined;\n}\n\n/**\n * Cache for parsed `on-<eventType>` attribute values.\n *\n * Attribute strings are typically repeated across many elements (e.g. every\n * \"add to cart\" button shares the same `on-click` value). Caching the parsed\n * descriptor avoids redundant regex work on every event.\n *\n * The cache key is the raw attribute value string. No composite key with\n * event type is needed because the attribute name already encodes the event\n * type — `on-click=\"ui:open_drawer\"` and `on-submit=\"ui:open_drawer\"` are two\n * separate attributes with the same value string, but they are read from\n * different attribute names and never collide in this cache.\n *\n * @internal\n */\nconst descriptorCache__ = new Map<string, ActionDescriptor | null>();\n\n/**\n * Parses an `on-<eventType>` attribute value into an `ActionDescriptor`.\n *\n * Returns `null` when the syntax is invalid. Results are cached by the raw\n * attribute value string so repeated calls for the same value are O(1).\n *\n * @internal\n */\nfunction parseDescriptor__(attributeValue: string): ActionDescriptor | null {\n  logger_.logMethodArgs?.('parseDescriptor__', {attributeValue});\n\n  const cached = descriptorCache__.get(attributeValue);\n  // Explicit `undefined` check: `null` means \"already parsed and invalid\".\n  if (cached !== undefined) return cached;\n\n  const match = attributeValue.match(syntaxRegex);\n  if (!match) {\n    logger_.accident('parseDescriptor__', 'invalid_syntax', {attributeValue});\n    descriptorCache__.set(attributeValue, null);\n    return null;\n  }\n\n  const actionId = match[1];\n  const payload: string | undefined = match[2];\n  // match[3] is the raw modifier list string, e.g. \"prevent,validate\"\n  const modifierString = match[3];\n  const modifiers: Set<string> = modifierString ? new Set(modifierString.split(',').filter(Boolean)) : new Set();\n  const descriptor: ActionDescriptor = {modifiers, actionId, payload};\n\n  descriptorCache__.set(attributeValue, descriptor);\n  return descriptor;\n}\n\n// ─── Core Delegation Handler ──────────────────────────────────────────────────\n\n/**\n * Central event handler attached to `document.body` for every delegated event type.\n *\n * Execution flow for each incoming event:\n * 1. Walk up from `event.target` to find the nearest element with an\n *    `on-<eventType>` attribute (e.g. `on-click`, `on-submit`).\n * 2. Parse (or retrieve from cache) the `ActionDescriptor` for that attribute.\n * 3. Resolve `context` from the nearest `[action-context]` ancestor.\n * 4. Build a mutable `Action` object with `type`, `payload` (raw), and `context`.\n * 5. Run each modifier in order with access to the mutable `Action`; if any\n *    returns `false`, abort.\n * 6. Resolve the payload token (literal or $-resolver) and assign to `action.payload`.\n * 7. Call `dispatchAction(action)` with the fully assembled object.\n *\n * @internal\n */\nfunction handleDelegatedEvent__(event: Event): void {\n  const eventType = event.type;\n  logger_.logMethodArgs?.('handleDelegatedEvent__', {eventType});\n\n  const target = event.target as Element | null;\n  if (!target) return;\n\n  // Attribute name encodes the event type: on-click, on-submit, etc.\n  const actionAttrib = `on-${eventType}`;\n\n  // Walk up the DOM to find the closest element with the matching on-<eventType> attribute.\n  const actionElement = target.closest?.(`[${actionAttrib}]`);\n  if (!actionElement) return;\n\n  const attributeValue = actionElement.getAttribute?.(actionAttrib)?.trim();\n  if (!attributeValue) {\n    logger_.accident('handleDelegatedEvent__', 'empty_attribute', {eventType, actionElement});\n    return;\n  }\n\n  if (!(actionElement instanceof HTMLElement)) {\n    logger_.accident('handleDelegatedEvent__', 'target_not_html_element', {eventType, actionElement});\n    return;\n  }\n\n  const descriptor = parseDescriptor__(attributeValue);\n  if (!descriptor) return;\n\n  logger_.logMethodArgs?.('handleDelegatedEvent__.action', {eventType, descriptor});\n\n  // Step 1: handle `once` modifier — remove attribute before running other modifiers\n  // so that even if a modifier aborts, the element will not fire again.\n  if (descriptor.modifiers.has('once')) {\n    actionElement.removeAttribute(actionAttrib);\n  }\n\n  // Step 2: resolve `context` from the nearest [action-context] ancestor.\n  // Walk up from the action element itself (inclusive) to find the context scope.\n  // This allows the action element itself to carry action-context if needed.\n  const actionContext = actionElement.closest('[action-context]')?.getAttribute('action-context') ?? undefined;\n\n  // Step 3: build the mutable Action object.\n  // `payload` starts as the raw token string; it will be resolved in step 5.\n  // Modifiers in step 4 may mutate `meta` to attach cross-cutting data.\n  const action: Action = {\n    type: descriptor.actionId as keyof ActionRecord,\n    context: actionContext,\n    // Payload is temporarily set to the raw token; resolved below after modifiers run.\n    payload: descriptor.payload as ActionRecord[keyof ActionRecord],\n  };\n\n  // Step 4: run modifiers — each receives the mutable action so it can enrich meta.\n  for (const modifier of descriptor.modifiers) {\n    if (modifier === 'once') continue; // handled above\n    const handler = modifierRegistry.get(modifier);\n    if (!handler) {\n      logger_.accident('handleDelegatedEvent__', 'unknown_modifier', {eventType, modifier, attributeValue, descriptor});\n      return; // unknown modifier — abort to avoid silent misbehavior\n    }\n    if (handler(event, actionElement, action) === false) return;\n  }\n\n  // Step 5: resolve payload — replace raw token with the actual value.\n  // If the raw token starts with '$', look it up in the payload resolver registry.\n  // Otherwise treat it as a literal string payload.\n  if (descriptor.payload) {\n    const resolver = payloadRegistry.get(descriptor.payload);\n    if (resolver) {\n      // Cast needed: payload is typed as ActionRecord[K] but we're building generically.\n      (action as {payload: unknown}).payload = resolver(event, actionElement);\n    }\n    // else: keep the literal string already set on action.payload\n  } else {\n    // No payload token in the attribute — set to undefined.\n    (action as {payload: unknown}).payload = undefined;\n  }\n\n  // Step 6: dispatch the fully assembled Action object.\n  internalChannel_.dispatch(action.type, action);\n}\n\n// ─── Setup ────────────────────────────────────────────────────────────────────\n\n/**\n * The set of event types currently delegated to `document.body`.\n *\n * Tracked so that `setupActionDelegation` is idempotent — calling it multiple\n * times with the same event types does not register duplicate listeners.\n *\n * @internal\n */\nconst delegatedEventTypes__ = new Set<string>();\n\n/**\n * Default DOM event types that cover the vast majority of interactive elements.\n *\n * - `click` — buttons, links, checkboxes, custom interactive elements\n * - `submit` — form submission\n * - `input` — live text input, range sliders\n * - `change` — select boxes, checkboxes, radio buttons (fires on commit)\n *\n * Pass additional types to `setupActionDelegation` when your app uses other\n * events (e.g. `'keydown'`, `'pointerup'`).\n */\nexport const DEFAULT_DELEGATED_EVENTS: readonly string[] = ['click', 'submit', 'input', 'change'];\n\n/**\n * Registers global event delegation for `on-<eventType>` attributes.\n *\n * Attaches a single `capture`-phase listener on `document.body` for each\n * event type in `eventTypes`. All processing — context resolution, modifier\n * execution, payload resolution, and `dispatchAction` — happens inside that\n * one handler.\n *\n * **Call this once at application bootstrap**, before any user interaction.\n * Subsequent calls with the same event types are no-ops (idempotent).\n *\n * ### Why `capture: true`?\n *\n * Capture-phase listeners fire before bubble-phase listeners and also catch\n * events that do not bubble (e.g. `focus`, `blur`). This ensures the delegation\n * handler always runs, even when a child element calls `stopPropagation()`.\n *\n * ### Dynamic content\n *\n * Because the listener lives on `document.body`, any element added to the DOM\n * after this call — via `innerHTML`, `lit-html`, a framework renderer, or\n * server-sent HTML — is automatically covered. No re-bootstrap is needed.\n *\n * ### Context scoping\n *\n * Wrap a group of elements in a `[action-context]` container to scope their\n * actions. The delegation handler automatically resolves the nearest ancestor\n * and attaches its value to `action.context`:\n *\n * ```html\n * <section action-context=\"product-list\">\n *   <button on-click=\"ui:add_to_cart:42\">Add</button>\n * </section>\n * ```\n *\n * ```ts\n * onAction('ui:add_to_cart', (action) => {\n *   console.log(action.context); // 'product-list'\n * });\n * ```\n *\n * @param eventTypes - Event types to delegate. Defaults to `DEFAULT_DELEGATED_EVENTS`.\n *\n * @example — minimal bootstrap\n * ```ts\n * import {setupActionDelegation, onAction} from '@alwatr/action';\n *\n * // One call activates the entire page.\n * setupActionDelegation();\n *\n * onAction('ui:open_drawer', (action) => openDrawer(action.payload));\n * ```\n *\n * @example — with extra event types\n * ```ts\n * import {setupActionDelegation, DEFAULT_DELEGATED_EVENTS} from '@alwatr/action';\n *\n * setupActionDelegation([...DEFAULT_DELEGATED_EVENTS, 'keydown', 'pointerup']);\n * ```\n */\nexport function setupActionDelegation(eventTypes: readonly string[] = DEFAULT_DELEGATED_EVENTS): void {\n  logger_.logMethodArgs?.('setupActionDelegation', {eventTypes});\n\n  for (const eventType of eventTypes) {\n    if (delegatedEventTypes__.has(eventType)) continue; // already registered — skip\n    delegatedEventTypes__.add(eventType);\n    // capture: true — fires before bubble-phase listeners and catches non-bubbling events.\n    document.body.addEventListener(eventType, handleDelegatedEvent__, {capture: true});\n  }\n}\n\n/**\n * Removes all global delegation listeners registered by `setupActionDelegation`.\n *\n * Useful in test environments where each test needs a clean slate, or in\n * micro-frontend setups where a sub-app is unmounted.\n *\n * After calling this, `setupActionDelegation` can be called again to re-register.\n */\nexport function teardownActionDelegation(): void {\n  logger_.logMethod?.('teardownActionDelegation');\n  for (const eventType of delegatedEventTypes__) {\n    document.body.removeEventListener(eventType, handleDelegatedEvent__, {capture: true});\n  }\n  delegatedEventTypes__.clear();\n  descriptorCache__.clear();\n}\n",
+    "import type {Awaitable} from '@alwatr/type-helper';\nimport type {SubscribeResult} from '@alwatr/signal';\n\nimport {internalChannel_, logger_} from './lib_.js';\nimport {modifierRegistry, payloadRegistry} from './registry_.js';\nimport type {Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResolver} from './type.js';\n\n// ─── Core Action API ──────────────────────────────────────────────────────────\n\n/**\n * Subscribes to a named action dispatched anywhere in the application.\n *\n * `type` must be a key of `ActionRecord`. The handler receives the full\n * `Action<K>` object — giving access to `payload`, `context`, and `meta`\n * in one place. No manual generic annotation is needed; the compiler infers\n * the correct `payload` type from `ActionRecord`:\n *\n * ```ts\n * // ActionRecord declares: 'ui:add_to_cart': {productId: number; qty: number}\n * onAction('ui:add_to_cart', (action) => {\n *   cartService.add(action.payload.productId, action.payload.qty); // fully typed\n *   console.log(action.context); // e.g. 'product-list' (from DOM) or undefined\n * });\n * ```\n *\n * Passing an action name not declared in `ActionRecord` is a **compile error**.\n * Register new actions by extending `ActionRecord` via declaration merging:\n *\n * ```ts\n * // src/action-record.ts\n * declare module '@alwatr/action' {\n *   interface ActionRecord {\n *     'ui:open_drawer': string;\n *   }\n * }\n * ```\n *\n * Internally delegates to `ChannelSignal.on()` for **O(1) routing** — dispatching\n * action `'A'` never invokes handlers registered for action `'B'`.\n *\n * @param type    - A key of `ActionRecord`.\n * @param handler - Callback invoked with the full `Action<K>` on each dispatch.\n * @returns A `SubscribeResult` with an `unsubscribe()` method for cleanup.\n *\n * @example\n * ```ts\n * import {onAction} from '@alwatr/action';\n *\n * const sub = onAction('ui:page_ready', (action) => {\n *   router.setPage(action.payload); // payload: string — inferred from ActionRecord\n * });\n *\n * sub.unsubscribe(); // stop listening when no longer needed\n * ```\n */\nexport function onAction<K extends keyof ActionRecord>(\n  type: K,\n  handler: (action: Action<K>) => Awaitable<void>,\n): SubscribeResult {\n  logger_.logMethodArgs?.('onAction', {type});\n  // The internal channel stores Action<any>; we cast to Action<K> here because\n  // the channel key guarantees the type matches — only Action<K> objects are\n  // ever dispatched under key K.\n  return internalChannel_.on(type, handler as (action: Action) => Awaitable<void>);\n}\n\n/**\n * Dispatches an action to all `onAction` subscribers with a matching `type`.\n *\n * Accepts a full `Action<K>` object. The `payload` field is automatically\n * typed from `ActionRecord[K]` — passing the wrong shape is a **compile error**:\n *\n * ```ts\n * // ActionRecord declares: 'ui:add_to_cart': {productId: number; qty: number}\n * dispatchAction({type: 'ui:add_to_cart', payload: {productId: 42, qty: 1}}); // ✅\n * dispatchAction({type: 'ui:add_to_cart', payload: 'wrong'});                  // ❌ compile error\n * dispatchAction({type: 'unknown_action', payload: 'x'});                   // ❌ compile error\n * ```\n *\n * The `context` and `meta` fields are optional. When dispatching from code\n * (not from the DOM), omit `context` — it is only meaningful for DOM-originated\n * actions where an `[action-context]` ancestor exists.\n *\n * Use `dispatchAction` when triggering an action from code — e.g. after an\n * async operation, from a service layer, or in tests. For DOM-driven actions,\n * use the `on-<eventType>` HTML attribute with `setupActionDelegation`.\n *\n * @param action - A full `Action<K>` object with at minimum `type` and `payload`.\n *\n * @example — with payload (code-originated action — no 'ui:' prefix)\n * ```ts\n * import {dispatchAction} from '@alwatr/action';\n *\n * dispatchAction({type: 'navigate', payload: '/dashboard'});\n * dispatchAction({type: 'upload_complete', payload: fileId});\n * ```\n *\n * @example — void payload (payload field is optional and can be omitted entirely)\n * ```ts\n * dispatchAction({type: 'auth_expired'});\n * // or explicitly:\n * dispatchAction({type: 'auth_expired', payload: undefined});\n * ```\n *\n * @example — with context and meta\n * ```ts\n * dispatchAction({\n *   type: 'slider_change',\n *   payload: 75,\n *   context: 'volume_slider',\n *   meta: {traceId: 'abc-123'},\n * });\n * ```\n */\nexport function dispatchAction<K extends keyof ActionRecord>(action: DispatchParam<K>): void {\n  logger_.logMethodArgs?.('dispatchAction', action);\n  internalChannel_.dispatch(action.type, action as Action<K>);\n}\n\n// ─── Extension API ────────────────────────────────────────────────────────────\n\n/**\n * Registers a custom modifier that can be used in `on-<eventType>` attribute syntax.\n *\n * A modifier is a comma-separated token placed after the `;` separator\n * (e.g. `on-click=\"action-id; mymod\"`). Its handler runs before the payload is\n * resolved and the action is dispatched. Returning `false` cancels the dispatch.\n *\n * The handler also receives the **mutable** `action` object being built, so it\n * can attach data to `action.meta` before the action reaches subscribers.\n *\n * Built-in modifiers (`prevent`, `validate`, `once`) are always available.\n * This function lets you add domain-specific ones.\n *\n * Registering the same name twice logs an accident and overwrites the previous\n * handler — avoid duplicate registrations in production code.\n *\n * @param name    - The modifier token (lowercase, no special characters).\n * @param handler - A `ModifierHandler` receiving `(event, element, action)`.\n *\n * @example — a `confirm` modifier that shows a browser dialog\n * ```ts\n * import {registerModifier} from '@alwatr/action';\n *\n * registerModifier('confirm', () => window.confirm('Are you sure?'));\n * ```\n * ```html\n * <button on-click=\"ui:delete_item:42; confirm\">Delete</button>\n * ```\n *\n * @example — a `trace` modifier that stamps a trace ID into meta\n * ```ts\n * registerModifier('trace', (_event, _element, action) => {\n *   action.meta ??= {};\n *   action.meta['traceId'] = crypto.randomUUID();\n *   return true;\n * });\n * ```\n */\nexport function registerModifier(name: string, handler: ModifierHandler): void {\n  logger_.logMethodArgs?.('registerModifier', {name});\n  if (modifierRegistry.has(name)) {\n    logger_.accident('registerModifier', 'modifier_already_registered', {name});\n  }\n  modifierRegistry.set(name, handler);\n}\n\n/**\n * Registers a custom payload resolver that can be used in `on-<eventType>` attribute syntax.\n *\n * A payload resolver is a colon-prefixed token in the attribute value\n * (e.g. `on-click=\"action-id:$mytoken\"`). Its function is called at dispatch time\n * with the DOM event and the element. The return value becomes the `payload`\n * field of the `Action` object passed to `onAction` subscribers.\n *\n * Built-in resolvers (`$value`, `$formdata`, `$checked`) are always available.\n * This function lets you add domain-specific ones.\n *\n * Registering the same name twice logs an accident and overwrites the previous\n * resolver — avoid duplicate registrations in production code.\n *\n * @param name     - The resolver token (should start with `$` by convention).\n * @param resolver - A `PayloadResolver` receiving `(event, element)`.\n *\n * @example — a `$data-id` resolver that reads a data attribute\n * ```ts\n * import {registerPayloadResolver} from '@alwatr/action';\n *\n * registerPayloadResolver('$data-id', (_event, element) => {\n *   return (element as HTMLElement).dataset.id ?? null;\n * });\n * ```\n * ```html\n * <button on-click=\"ui:select_item:$data-id\" data-id=\"42\">Select</button>\n * ```\n */\nexport function registerPayloadResolver(name: string, resolver: PayloadResolver): void {\n  logger_.logMethodArgs?.('registerPayloadResolver', {name});\n  if (payloadRegistry.has(name)) {\n    logger_.accident('registerPayloadResolver', 'payload_resolver_already_registered', {name});\n  }\n  payloadRegistry.set(name, resolver);\n}\n"
   ],
-  "mappings": "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",
-  "debugId": "0AD625CF891520DA64756E2164756E21",
+  "mappings": "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",
+  "debugId": "D0BD2610127CF17564756E2164756E21",
   "names": []
 }

package/dist/method.d.ts

@@ -10,8 +10,8 @@ import type { Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResol
  * the correct `payload` type from `ActionRecord`:
  *
  * ```ts
- * // ActionRecord declares: 'add_to_cart': {productId: number; qty: number}
- * onAction('add_to_cart', (action) => {
+ * // ActionRecord declares: 'ui:add_to_cart': {productId: number; qty: number}
+ * onAction('ui:add_to_cart', (action) => {
  *   cartService.add(action.payload.productId, action.payload.qty); // fully typed
  *   console.log(action.context); // e.g. 'product-list' (from DOM) or undefined
  * });
@@ -24,7 +24,7 @@ import type { Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResol
  * // src/action-record.ts
  * declare module '@alwatr/action' {
  *   interface ActionRecord {
- *     'open_drawer': string;
+ *     'ui:open_drawer': string;
  *   }
  * }
  * ```
@@ -40,7 +40,7 @@ import type { Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResol
  * ```ts
  * import {onAction} from '@alwatr/action';
  *
- * const sub = onAction('page_ready', (action) => {
+ * const sub = onAction('ui:page_ready', (action) => {
  *   router.setPage(action.payload); // payload: string — inferred from ActionRecord
  * });
  *
@@ -55,9 +55,9 @@ export declare function onAction<K extends keyof ActionRecord>(type: K, handler:
  * typed from `ActionRecord[K]` — passing the wrong shape is a **compile error**:
  *
  * ```ts
- * // ActionRecord declares: 'add_to_cart': {productId: number; qty: number}
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}}); // ✅
- * dispatchAction({type: 'add_to_cart', payload: 'wrong'});                  // ❌ compile error
+ * // ActionRecord declares: 'ui:add_to_cart': {productId: number; qty: number}
+ * dispatchAction({type: 'ui:add_to_cart', payload: {productId: 42, qty: 1}}); // ✅
+ * dispatchAction({type: 'ui:add_to_cart', payload: 'wrong'});                  // ❌ compile error
  * dispatchAction({type: 'unknown_action', payload: 'x'});                   // ❌ compile error
  * ```
  *
@@ -71,19 +71,19 @@ export declare function onAction<K extends keyof ActionRecord>(type: K, handler:
  *
  * @param action - A full `Action<K>` object with at minimum `type` and `payload`.
  *
- * @example — with payload
+ * @example — with payload (code-originated action — no 'ui:' prefix)
  * ```ts
  * import {dispatchAction} from '@alwatr/action';
  *
  * dispatchAction({type: 'navigate', payload: '/dashboard'});
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}});
+ * dispatchAction({type: 'upload_complete', payload: fileId});
  * ```
  *
  * @example — void payload (payload field is optional and can be omitted entirely)
  * ```ts
- * dispatchAction({type: 'logout'});
+ * dispatchAction({type: 'auth_expired'});
  * // or explicitly:
- * dispatchAction({type: 'logout', payload: undefined});
+ * dispatchAction({type: 'auth_expired', payload: undefined});
  * ```
  *
  * @example — with context and meta
@@ -123,7 +123,7 @@ export declare function dispatchAction<K extends keyof ActionRecord>(action: Dis
  * registerModifier('confirm', () => window.confirm('Are you sure?'));
  * ```
  * ```html
- * <button on-click="delete_item:42; confirm">Delete</button>
+ * <button on-click="ui:delete_item:42; confirm">Delete</button>
  * ```
  *
  * @example — a `trace` modifier that stamps a trace ID into meta
@@ -162,7 +162,7 @@ export declare function registerModifier(name: string, handler: ModifierHandler)
  * });
  * ```
  * ```html
- * <button on-click="select_item:$data-id" data-id="42">Select</button>
+ * <button on-click="ui:select_item:$data-id" data-id="42">Select</button>
  * ```
  */
 export declare function registerPayloadResolver(name: string, resolver: PayloadResolver): void;

package/dist/registry_.d.ts

@@ -14,7 +14,7 @@ export declare const modifierRegistry: Map<string, ModifierHandler>;
  * Registry of all named payload resolvers.
  *
  * Keys are resolver tokens used in the `on-<eventType>` attribute syntax
- * (e.g. `on-input="search_query:$value"`). Values are `PayloadResolver` functions.
+ * (e.g. `on-input="ui:search_query:$value"`). Values are `PayloadResolver` functions.
  * Populated at module load with built-in resolvers; extended at runtime via
  * `registerPayloadResolver`.
  *

package/dist/type.d.ts

@@ -14,9 +14,14 @@ import type { DictionaryOpt } from '@alwatr/type-helper';
  * // pkg/my-feature/src/action-record.ts
  * declare module '@alwatr/action' {
  *   interface ActionRecord {
- *     'open_drawer': string;
- *     'add_to_cart': {productId: number; qty: number};
- *     'logout': void;
+ *     // UI-originated actions (dispatched from HTML on-<event> attributes) — must start with 'ui:'
+ *     'ui:open_drawer': string;
+ *     'ui:add_to_cart': {productId: number; qty: number};
+ *     'ui:logout': void;
+ *
+ *     // Code-originated actions (dispatched programmatically from services/controllers)
+ *     'upload_complete': string;
+ *     'auth_expired': void;
  *   }
  * }
  * ```
@@ -32,12 +37,12 @@ export interface ActionRecord {
  *
  * @example — void action (payload omitted)
  * ```ts
- * dispatchAction({type: 'logout'});
+ * dispatchAction({type: 'auth_expired'});
  * ```
  *
  * @example — typed action (payload required)
  * ```ts
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}});
+ * dispatchAction({type: 'upload_complete', payload: fileId});
  * ```
  */
 export type DispatchParam<K extends keyof ActionRecord> = ActionRecord[K] extends void ? Omit<Action<K>, 'payload'> & {
@@ -52,15 +57,15 @@ export type DispatchParam<K extends keyof ActionRecord> = ActionRecord[K] extend
  *
  * @template K - A key of `ActionRecord`; constrains `type` and `payload` together.
  *
- * @example — dispatching
+ * @example — dispatching (code-originated action — no 'ui:' prefix)
  * ```ts
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}});
+ * dispatchAction({type: 'upload_complete', payload: fileId});
  * ```
  *
- * @example — subscribing
+ * @example — subscribing to a UI-originated action
  * ```ts
- * onAction('add_to_cart', (action) => {
- *   console.log(action.type);    // 'add_to_cart'
+ * onAction('ui:add_to_cart', (action) => {
+ *   console.log(action.type);    // 'ui:add_to_cart'
  *   console.log(action.payload); // {productId: 42, qty: 1}
  *   console.log(action.context); // e.g. 'product-list' (from DOM) or undefined
  * });
@@ -70,7 +75,7 @@ export interface Action<K extends keyof ActionRecord = keyof ActionRecord> {
     /**
      * Unique action identifier — must be a key of `ActionRecord`.
      *
-     * @example 'cart:add-item', 'open_drawer', 'logout'
+     * @example 'ui:add_to_cart', 'ui:open_drawer', 'upload_complete'
      */
     readonly type: K;
     /**

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,YAAY;CAAG;AAEhC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,YAAY,IACpD,YAAY,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,IAAI,CAAA;CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAE3F;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,MAAM,YAAY,GAAG,MAAM,YAAY;IACvE;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjB;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAElC;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;AAE9F;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,YAAY;CAAG;AAEhC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,YAAY,IACpD,YAAY,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,IAAI,CAAA;CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAE3F;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,MAAM,YAAY,GAAG,MAAM,YAAY;IACvE;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjB;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAElC;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;AAE9F;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alwatr/action",
-  "version": "9.19.1",
+  "version": "9.20.0",
   "description": "Declarative DOM action-dispatch — bridge HTML attributes to typed signal handlers.",
   "license": "MPL-2.0",
   "author": "S. Ali Mihandoost <ali.mihandoost@gmail.com> (https://ali.mihandoost.com)",
@@ -22,12 +22,13 @@
   "sideEffects": false,
   "dependencies": {
     "@alwatr/logger": "9.16.0",
-    "@alwatr/signal": "9.16.0"
+    "@alwatr/signal": "9.20.0"
   },
   "devDependencies": {
     "@alwatr/nano-build": "9.14.0",
     "@alwatr/standard": "9.16.0",
     "@alwatr/type-helper": "9.14.0",
+    "@happy-dom/global-registrator": "^20.9.0",
     "typescript": "^6.0.3"
   },
   "scripts": {
@@ -79,5 +80,5 @@
     "vanilla-js",
     "web-development"
   ],
-  "gitHead": "63f91e7a209c8d38d53b3042e0301941b231411b"
+  "gitHead": "6e47fd80a2da33bb78e12b1d51258f11e2caec72"
 }

package/src/delegate.ts

@@ -57,25 +57,25 @@ import type {Action, ActionRecord} from './type.js';
  * `on-submit`, etc.) rather than inside the value. This makes the HTML more
  * readable and aligns with native event attribute conventions.
  *
- * | Capture group | Matches                                | Example                |
- * | ------------- | -------------------------------------- | ---------------------- |
- * | 1             | Action identifier                      | `open_drawer`          |
- * | 2             | Optional payload token or literal      | `main_menu` / `$value` |
- * | 3             | Optional comma-separated modifier list | `prevent,validate`     |
+ * | Capture group | Matches                                | Example                    |
+ * | ------------- | -------------------------------------- | -------------------------- |
+ * | 1             | Action identifier                      | `ui:open_drawer`           |
+ * | 2             | Optional payload token or literal      | `main_menu` / `$value`     |
+ * | 3             | Optional comma-separated modifier list | `prevent,validate`         |
  *
  * @example
  * ```
- * 'close_drawer'
- *   → actionId='close_drawer', payload=undefined, modifiers={}
+ * 'ui:close_drawer'
+ *   → actionId='ui:close_drawer', payload=undefined, modifiers={}
  *
- * 'open_drawer:main_menu'
- *   → actionId='open_drawer', payload='main_menu', modifiers={}
+ * 'ui:open_drawer:main_menu'
+ *   → actionId='ui:open_drawer', payload='main_menu', modifiers={}
  *
- * 'my_submit_handler:$formdata; prevent,validate'
- *   → actionId='my_submit_handler', payload='$formdata', modifiers={'prevent','validate'}
+ * 'ui:submit_form:$formdata; prevent,validate'
+ *   → actionId='ui:submit_form', payload='$formdata', modifiers={'prevent','validate'}
  * ```
  */
-const syntaxRegex = /^([a-z0-9_-]+)(?::([^;]+))?(?:;\s*([a-z0-9_,-]+))?$/;
+const syntaxRegex = /^(ui:[a-z0-9_-]+)(?::([^;]+))?(?:;\s*([a-z0-9_,-]+))?$/;
 
 // ─── Parsed Action Descriptor ─────────────────────────────────────────────────
 
@@ -105,7 +105,7 @@ interface ActionDescriptor {
  *
  * The cache key is the raw attribute value string. No composite key with
  * event type is needed because the attribute name already encodes the event
- * type — `on-click="open_drawer"` and `on-submit="open_drawer"` are two
+ * type — `on-click="ui:open_drawer"` and `on-submit="ui:open_drawer"` are two
  * separate attributes with the same value string, but they are read from
  * different attribute names and never collide in this cache.
  *
@@ -301,12 +301,12 @@ export const DEFAULT_DELEGATED_EVENTS: readonly string[] = ['click', 'submit', '
  *
  * ```html
  * <section action-context="product-list">
- *   <button on-click="add_to_cart:42">Add</button>
+ *   <button on-click="ui:add_to_cart:42">Add</button>
  * </section>
  * ```
  *
  * ```ts
- * onAction('add_to_cart', (action) => {
+ * onAction('ui:add_to_cart', (action) => {
  *   console.log(action.context); // 'product-list'
  * });
  * ```
@@ -320,7 +320,7 @@ export const DEFAULT_DELEGATED_EVENTS: readonly string[] = ['click', 'submit', '
  * // One call activates the entire page.
  * setupActionDelegation();
  *
- * onAction('open_drawer', (action) => openDrawer(action.payload));
+ * onAction('ui:open_drawer', (action) => openDrawer(action.payload));
  * ```
  *
  * @example — with extra event types

package/src/main.ts

@@ -17,7 +17,7 @@
  * import {setupActionDelegation, onAction} from '@alwatr/action';
  *
  * setupActionDelegation();
- * onAction('open_drawer', (action) => openDrawer(action.payload));
+ * onAction('ui:open_drawer', (action) => openDrawer(action.payload));
  * ```
  *
  * ## Attribute syntax
@@ -27,9 +27,9 @@
  * ```
  *
  * ```html
- * <button on-click="open_drawer:main">Open</button>
- * <input on-input="search_query:$value" />
- * <form on-submit="submit_form:$formdata; prevent,validate" novalidate>…</form>
+ * <button on-click="ui:open_drawer:main">Open</button>
+ * <input on-input="ui:search_query:$value" />
+ * <form on-submit="ui:submit_form:$formdata; prevent,validate" novalidate>…</form>
  * ```
  *
  * ## Context scoping
@@ -40,12 +40,12 @@
  *
  * ```html
  * <section action-context="product-list">
- *   <button on-click="add_to_cart:42">Add</button>
+ *   <button on-click="ui:add_to_cart:42">Add</button>
  * </section>
  * ```
  *
  * ```ts
- * onAction('add_to_cart', (action) => {
+ * onAction('ui:add_to_cart', (action) => {
  *   console.log(action.context); // 'product-list'
  *   console.log(action.payload); // '42'
  * });
@@ -53,6 +53,9 @@
  *
  * ## Programmatic dispatch
  *
+ * Code-originated actions should not use the `ui:` prefix — that prefix is
+ * reserved for DOM-originated actions dispatched via HTML attributes.
+ *
  * ```ts
  * import {dispatchAction} from '@alwatr/action';
  *
@@ -67,9 +70,14 @@
  * // src/action-record.ts
  * declare module '@alwatr/action' {
  *   interface ActionRecord {
- *     'open_drawer': string;
- *     'add_to_cart': {productId: number; qty: number};
- *     'logout': void;
+ *     // UI-originated actions — must start with 'ui:'
+ *     'ui:open_drawer': string;
+ *     'ui:add_to_cart': {productId: number; qty: number};
+ *     'ui:logout': void;
+ *
+ *     // Code-originated actions — no 'ui:' prefix
+ *     'upload_complete': string;
+ *     'auth_expired': void;
  *   }
  * }
  * ```

package/src/method.ts

@@ -16,8 +16,8 @@ import type {Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResolv
  * the correct `payload` type from `ActionRecord`:
  *
  * ```ts
- * // ActionRecord declares: 'add_to_cart': {productId: number; qty: number}
- * onAction('add_to_cart', (action) => {
+ * // ActionRecord declares: 'ui:add_to_cart': {productId: number; qty: number}
+ * onAction('ui:add_to_cart', (action) => {
  *   cartService.add(action.payload.productId, action.payload.qty); // fully typed
  *   console.log(action.context); // e.g. 'product-list' (from DOM) or undefined
  * });
@@ -30,7 +30,7 @@ import type {Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResolv
  * // src/action-record.ts
  * declare module '@alwatr/action' {
  *   interface ActionRecord {
- *     'open_drawer': string;
+ *     'ui:open_drawer': string;
  *   }
  * }
  * ```
@@ -46,7 +46,7 @@ import type {Action, ActionRecord, DispatchParam, ModifierHandler, PayloadResolv
  * ```ts
  * import {onAction} from '@alwatr/action';
  *
- * const sub = onAction('page_ready', (action) => {
+ * const sub = onAction('ui:page_ready', (action) => {
  *   router.setPage(action.payload); // payload: string — inferred from ActionRecord
  * });
  *
@@ -71,9 +71,9 @@ export function onAction<K extends keyof ActionRecord>(
  * typed from `ActionRecord[K]` — passing the wrong shape is a **compile error**:
  *
  * ```ts
- * // ActionRecord declares: 'add_to_cart': {productId: number; qty: number}
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}}); // ✅
- * dispatchAction({type: 'add_to_cart', payload: 'wrong'});                  // ❌ compile error
+ * // ActionRecord declares: 'ui:add_to_cart': {productId: number; qty: number}
+ * dispatchAction({type: 'ui:add_to_cart', payload: {productId: 42, qty: 1}}); // ✅
+ * dispatchAction({type: 'ui:add_to_cart', payload: 'wrong'});                  // ❌ compile error
  * dispatchAction({type: 'unknown_action', payload: 'x'});                   // ❌ compile error
  * ```
  *
@@ -87,19 +87,19 @@ export function onAction<K extends keyof ActionRecord>(
  *
  * @param action - A full `Action<K>` object with at minimum `type` and `payload`.
  *
- * @example — with payload
+ * @example — with payload (code-originated action — no 'ui:' prefix)
  * ```ts
  * import {dispatchAction} from '@alwatr/action';
  *
  * dispatchAction({type: 'navigate', payload: '/dashboard'});
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}});
+ * dispatchAction({type: 'upload_complete', payload: fileId});
  * ```
  *
  * @example — void payload (payload field is optional and can be omitted entirely)
  * ```ts
- * dispatchAction({type: 'logout'});
+ * dispatchAction({type: 'auth_expired'});
  * // or explicitly:
- * dispatchAction({type: 'logout', payload: undefined});
+ * dispatchAction({type: 'auth_expired', payload: undefined});
  * ```
  *
  * @example — with context and meta
@@ -145,7 +145,7 @@ export function dispatchAction<K extends keyof ActionRecord>(action: DispatchPar
  * registerModifier('confirm', () => window.confirm('Are you sure?'));
  * ```
  * ```html
- * <button on-click="delete_item:42; confirm">Delete</button>
+ * <button on-click="ui:delete_item:42; confirm">Delete</button>
  * ```
  *
  * @example — a `trace` modifier that stamps a trace ID into meta
@@ -191,7 +191,7 @@ export function registerModifier(name: string, handler: ModifierHandler): void {
  * });
  * ```
  * ```html
- * <button on-click="select_item:$data-id" data-id="42">Select</button>
+ * <button on-click="ui:select_item:$data-id" data-id="42">Select</button>
  * ```
  */
 export function registerPayloadResolver(name: string, resolver: PayloadResolver): void {

package/src/registry_.ts

@@ -16,7 +16,7 @@ export const modifierRegistry = new Map<string, ModifierHandler>();
  * Registry of all named payload resolvers.
  *
  * Keys are resolver tokens used in the `on-<eventType>` attribute syntax
- * (e.g. `on-input="search_query:$value"`). Values are `PayloadResolver` functions.
+ * (e.g. `on-input="ui:search_query:$value"`). Values are `PayloadResolver` functions.
  * Populated at module load with built-in resolvers; extended at runtime via
  * `registerPayloadResolver`.
  *
@@ -32,7 +32,7 @@ export const payloadRegistry = new Map<string, PayloadResolver>();
  * Use it to suppress the browser's default behaviour (e.g. form submission,
  * link navigation, context menu).
  *
- * @example `<form on-submit="submit-form; prevent">`
+ * @example `<form on-submit="ui:submit-form; prevent">`
  */
 modifierRegistry.set('prevent', (event) => {
   event.preventDefault();
@@ -49,7 +49,7 @@ modifierRegistry.set('prevent', (event) => {
  *
  * Pair with `prevent` on `submit` events to avoid page reloads:
  *
- * @example `<form on-submit="submit_form:$formdata; prevent,validate" novalidate>`
+ * @example `<form on-submit="ui:submit_form:$formdata; prevent,validate" novalidate>`
  */
 modifierRegistry.set('validate', (_event, element) => {
   const form = element instanceof HTMLFormElement ? element : element.closest('form');
@@ -65,7 +65,7 @@ modifierRegistry.set('validate', (_event, element) => {
  * Works with any element that exposes a `value` property: `<input>`,
  * `<textarea>`, `<select>`. Returns `null` for elements without `.value`.
  *
- * @example `<input on-input="search_query:$value" />`
+ * @example `<input on-input="ui:search_query:$value" />`
  */
 payloadRegistry.set('$value', (_event, element) => {
   return 'value' in element ? (element as {value: unknown}).value : null;
@@ -78,9 +78,9 @@ payloadRegistry.set('$value', (_event, element) => {
  * Looks for a `<form>` ancestor (or the element itself). Returns `null` when no
  * form is found.
  *
- * @example `<form on-submit="submit_form:$formdata; prevent,validate">`
+ * @example `<form on-submit="ui:submit_form:$formdata; prevent,validate">`
  * ```ts
- * onAction('submit_form', (action) => {
+ * onAction('ui:submit_form', (action) => {
  *   console.log(action.payload); // {username: 'ali', password: '…'}
  * });
  * ```
@@ -96,9 +96,9 @@ payloadRegistry.set('$formdata', (_event, element) => {
  * Works with `<input type="checkbox">` and `<input type="radio">`.
  * Returns `null` for elements that do not have a `checked` property.
  *
- * @example `<input type="checkbox" on-change="toggle_feature:$checked" />`
+ * @example `<input type="checkbox" on-change="ui:toggle_feature:$checked" />`
  * ```ts
- * onAction('toggle_feature', (action) => {
+ * onAction('ui:toggle_feature', (action) => {
  *   console.log(action.payload); // true or false
  *   featureSignal.set(action.payload);
  * });

package/src/type.ts

@@ -15,9 +15,14 @@ import type {DictionaryOpt} from '@alwatr/type-helper';
  * // pkg/my-feature/src/action-record.ts
  * declare module '@alwatr/action' {
  *   interface ActionRecord {
- *     'open_drawer': string;
- *     'add_to_cart': {productId: number; qty: number};
- *     'logout': void;
+ *     // UI-originated actions (dispatched from HTML on-<event> attributes) — must start with 'ui:'
+ *     'ui:open_drawer': string;
+ *     'ui:add_to_cart': {productId: number; qty: number};
+ *     'ui:logout': void;
+ *
+ *     // Code-originated actions (dispatched programmatically from services/controllers)
+ *     'upload_complete': string;
+ *     'auth_expired': void;
  *   }
  * }
  * ```
@@ -33,12 +38,12 @@ export interface ActionRecord {}
  *
  * @example — void action (payload omitted)
  * ```ts
- * dispatchAction({type: 'logout'});
+ * dispatchAction({type: 'auth_expired'});
  * ```
  *
  * @example — typed action (payload required)
  * ```ts
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}});
+ * dispatchAction({type: 'upload_complete', payload: fileId});
  * ```
  */
 export type DispatchParam<K extends keyof ActionRecord> =
@@ -53,15 +58,15 @@ export type DispatchParam<K extends keyof ActionRecord> =
  *
  * @template K - A key of `ActionRecord`; constrains `type` and `payload` together.
  *
- * @example — dispatching
+ * @example — dispatching (code-originated action — no 'ui:' prefix)
  * ```ts
- * dispatchAction({type: 'add_to_cart', payload: {productId: 42, qty: 1}});
+ * dispatchAction({type: 'upload_complete', payload: fileId});
  * ```
  *
- * @example — subscribing
+ * @example — subscribing to a UI-originated action
  * ```ts
- * onAction('add_to_cart', (action) => {
- *   console.log(action.type);    // 'add_to_cart'
+ * onAction('ui:add_to_cart', (action) => {
+ *   console.log(action.type);    // 'ui:add_to_cart'
  *   console.log(action.payload); // {productId: 42, qty: 1}
  *   console.log(action.context); // e.g. 'product-list' (from DOM) or undefined
  * });
@@ -71,7 +76,7 @@ export interface Action<K extends keyof ActionRecord = keyof ActionRecord> {
   /**
    * Unique action identifier — must be a key of `ActionRecord`.
    *
-   * @example 'cart:add-item', 'open_drawer', 'logout'
+   * @example 'ui:add_to_cart', 'ui:open_drawer', 'upload_complete'
    */
   readonly type: K;