@almadar/ui 6.1.0 → 6.3.0

package/dist/components/index.d.ts

@@ -1,13 +1,13 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, ErrorInfo } from 'react';
-import { Asset, EventKey, EventPayload, EventEmit, AssetUrl, JsonObject, EntityRow, FieldValue, EntityRole, AnimationName, SpriteDirection, AnimationDef, ScenePos, Camera, EntityWith, TraitConfigValue, JsonValue, AssetCatalog, EventPayloadValue, DeclaredTraitConfig, TraitConfig, OrbitalSchema, Trait, OrbitalEntity, FormSubmitPayload, ControlValue, UISlot, EditFocus, TraceSubagent, TraceActivity, TraceChatMessage } from '@almadar/core';
+import { Asset, EventKey, EventPayload, EventEmit, AssetUrl, FieldValue, EntityRow, EntityRole, AnimationName, SpriteDirection, AnimationDef, ScenePos, Camera, EntityWith, TraitConfigValue, JsonValue, AssetCatalog, JsonObject, EventPayloadValue, DeclaredTraitConfig, TraitConfig, ControlValue, OrbitalSchema, Trait, OrbitalEntity, FormSubmitPayload, UISlot, EditFocus, TraceSubagent, TraceActivity, TraceChatMessage } from '@almadar/core';
 export { AnimationDef, AnimationName, BusEvent, BusEventListener, BusEventSource, BusEventListener as EventListener, SpriteDirection, UISlot, Unsubscribe } from '@almadar/core';
 import { LucideIcon } from 'lucide-react';
 import { C as ColorToken, U as UiError, P as Point, L as LinkAction, I as ImageSource } from '../types-B3nHgnMG.js';
 export { R as Rect } from '../types-B3nHgnMG.js';
 import { SExpr } from '@almadar/evaluator';
-import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, g as SpriteFrameDims, R as ResolvedFrame, h as CanvasLighting, i as CanvasPost, a as IsometricUnit, j as CameraState, k as FieldInfo, l as OrbitalTraitInfo, m as OrbitalPageInfo, T as TraitLevelData, E as ExternalLink } from '../avl-schema-parser-BKbH_SFt.js';
-export { B as BoardTile, G as GameAction, n as GamePhase, o as GameState, p as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, q as UnitTrait, r as calculateAttackTargets, s as calculateValidMoves, t as createInitialGameState } from '../avl-schema-parser-BKbH_SFt.js';
+import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, g as SpriteFrameDims, R as ResolvedFrame, h as CanvasLighting, i as CanvasPost, a as IsometricUnit, j as CameraState, k as FieldInfo, l as OrbitalTraitInfo, m as OrbitalPageInfo, T as TraitLevelData, E as ExternalLink } from '../avl-schema-parser-dvJKXn-o.js';
+export { B as BoardTile, G as GameAction, n as GamePhase, o as GameState, p as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, q as UnitTrait, r as calculateAttackTargets, s as calculateValidMoves, t as createInitialGameState } from '../avl-schema-parser-dvJKXn-o.js';
 import { D as DrawableNode, P as Projector, F as FxOverlayItem, M as MeshShapeKind, a as MeshMaterial, b as DrawGroupProps, c as DrawTextProps, d as DrawMeshProps } from '../paintDispatch-B5ObLnUv.js';
 export { e as FxOverlayKind } from '../paintDispatch-B5ObLnUv.js';
 export { A as AudioManifest, G as GameAudioContext, a as GameAudioContextValue, e as GameAudioControls, b as GameAudioProvider, c as GameAudioProviderProps, S as SoundEntry, U as UseGameAudioOptions, f as useGameAudio, u as useGameAudioContext } from '../GameAudioProvider-B48iXwz3.js';
@@ -314,9 +314,11 @@ interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputEl
     value?: string | number;
     /** Whether input is disabled */
     disabled?: boolean;
-    /** Declarative event name for trait dispatch */
+    /** Declarative event name for trait dispatch.
+     *  @payloadTypeWhen value inputType=number->number
+     */
     action?: EventEmit<{
-        value: string;
+        value: string | number;
     }>;
     /**
      * Input type — selects the field's data mode. Use 'password' for masked
@@ -406,8 +408,10 @@ interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelec
     placeholder?: string;
     /** Current value (string for single, string[] for multiple) */
     value?: string | string[];
-    /** Declarative event name for trait dispatch */
-    action?: EventKey;
+    /** Declarative event name for trait dispatch — emits `{ value }` on selection commit (same gestures as `onChange`). */
+    action?: EventEmit<{
+        value: string | string[];
+    }>;
     /** Error message */
     error?: string;
     /** Allow selecting multiple values — activates the rich dropdown. */
@@ -1360,10 +1364,10 @@ declare const Aside: React__default.ForwardRefExoticComponent<AsideProps & React
  * Context for conditional evaluation
  */
 type ConditionalContext = {
-    formValues: JsonObject;
-    globalVariables: JsonObject;
-    localVariables?: JsonObject;
-    entity?: JsonObject;
+    formValues: Record<string, FieldValue>;
+    globalVariables: Record<string, FieldValue>;
+    localVariables?: Record<string, FieldValue>;
+    entity?: Record<string, FieldValue>;
 };
 interface ConditionalWrapperProps {
     /** The S-expression condition to evaluate */
@@ -10031,38 +10035,38 @@ interface WizardField {
         label: string;
         isDefault?: boolean;
     }>;
-    defaultValue?: JsonValue;
-    condition?: JsonValue[];
+    defaultValue?: ControlValue;
+    condition?: SExpr;
     placeholder?: string;
     entityField?: string;
     minLength?: number;
     maxLength?: number;
-    dataSource?: JsonObject;
+    dataSource?: Record<string, FieldValue>;
     displayFields?: string[];
-    searchConfig?: JsonObject;
+    searchConfig?: Record<string, FieldValue>;
     hiddenCalculations?: Array<{
         variable: string;
         expression: string;
         scope?: string;
     }>;
-    signatureConfig?: JsonObject;
-    displayTemplate?: JsonObject;
-    lawReference?: JsonObject;
+    signatureConfig?: Record<string, FieldValue>;
+    displayTemplate?: Record<string, FieldValue>;
+    lawReference?: Record<string, FieldValue>;
     contextMenu?: string[];
-    calculated?: JsonObject;
+    calculated?: Record<string, FieldValue>;
     readOnly?: boolean;
-    minDate?: JsonValue;
+    minDate?: string;
     stats?: Array<{
         label: string;
-        value: JsonValue;
+        value: ControlValue;
         icon?: string;
     }>;
     items?: Array<{
         id: string;
         label: string;
-        autoCheck?: JsonValue;
+        autoCheck?: boolean;
     }>;
-    [key: string]: JsonValue | undefined;
+    [key: string]: JsonValue | SExpr | ControlValue | Record<string, FieldValue> | undefined;
 }
 /** Section within a wizard step */
 interface WizardSection {
@@ -10071,7 +10075,7 @@ interface WizardSection {
     description?: string;
     fields?: WizardField[];
     subsections?: WizardSection[];
-    condition?: JsonValue[];
+    condition?: SExpr;
     repeatable?: boolean;
     minItems?: number;
     addButtonLabel?: string;
@@ -10080,9 +10084,9 @@ interface WizardSection {
         expression: string;
         scope?: string;
     }>;
-    dataSource?: JsonObject;
+    dataSource?: Record<string, FieldValue>;
     readOnly?: boolean;
-    [key: string]: JsonValue | WizardField[] | WizardSection[] | undefined;
+    [key: string]: JsonValue | SExpr | Record<string, FieldValue> | WizardField[] | WizardSection[] | undefined;
 }
 /** Entity mapping configuration */
 interface WizardEntityMapping {
@@ -10094,7 +10098,7 @@ interface WizardEntityMapping {
 }
 /** Validation rule for wizard steps */
 interface WizardValidationRule {
-    condition: JsonValue[];
+    condition: SExpr;
     message: string;
 }
 /** Law reference for compliance */

package/dist/components/index.js

@@ -1902,9 +1902,16 @@ var init_Input = __esm({
           }
         };
         const handleKeyDown = (e) => {
-          if (action && e.key === "Enter") {
-            eventBus.emit(`UI:${action}`, { value: e.currentTarget.value });
+          if (!action || e.key !== "Enter") return;
+          const raw = e.currentTarget.value;
+          if (type === "number") {
+            if (raw.trim() === "") return;
+            const numeric = Number(raw);
+            if (Number.isNaN(numeric)) return;
+            eventBus.emit(`UI:${action}`, { value: numeric });
+            return;
           }
+          eventBus.emit(`UI:${action}`, { value: raw });
         };
         const wrapField = (field, fullWidth = true) => /* @__PURE__ */ jsxs("div", { className: fullWidth ? "w-full" : "w-fit", children: [
           label && /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
@@ -2087,6 +2094,7 @@ function NativeSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   ...props
 }) {
@@ -2098,6 +2106,9 @@ function NativeSelect({
       onChange?.(e);
     }
     dispatchValueChange(onValueChange, eventBus, e.target.value);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: e.target.value });
+    }
   };
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
@@ -2133,6 +2144,7 @@ function RichSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   multiple,
   searchable,
@@ -2158,6 +2170,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -2166,6 +2181,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   useEffect(() => {
     const handler = (e) => {
@@ -9603,7 +9621,7 @@ function proceduralShapes(view, pos, fade, progress) {
     }
   }
 }
-function expandFxItem(view, node, epochNowMs, dim) {
+function expandFxItem(view, node, epochNowMs, dim, projector) {
   if (view.space === "screen") return [];
   const tickMs = node.tickMs ?? DEFAULT_TICK_MS;
   const { ageMs, progress, fade } = fxLifecycle(view, epochNowMs, tickMs);
@@ -9639,24 +9657,26 @@ function expandFxItem(view, node, epochNowMs, dim) {
     out.push(...proceduralShapes(view, pos, fade, progress));
   }
   if (view.message) {
+    const pxSize = projector && view.size !== void 0 ? Math.max(10, Math.round(view.size * projector.tileWidth)) : void 0;
     const text = {
       type: "draw-text",
       text: view.message,
       position: pos,
       offsetY: -(0.15 + 0.55 * progress),
       color: view.color ?? node.textColor ?? DEFAULT_TEXT_COLOR,
-      opacity: fade
+      opacity: fade,
+      ...pxSize ? { font: `bold ${pxSize}px system-ui, sans-serif` } : {}
     };
     out.push(text);
   }
   return out;
 }
-function expandFxLayer(node, epochNowMs, dim) {
+function expandFxLayer(node, epochNowMs, dim, projector) {
   if (!Array.isArray(node.items)) return [];
   const out = [];
   for (const item of node.items) {
     if (!item || typeof item.id !== "string") continue;
-    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim));
+    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim, projector));
   }
   return out;
 }
@@ -9723,7 +9743,7 @@ function paintDrawable(painter, node, dctx) {
       break;
     case "draw-fx-layer": {
       const epochNow = dctx.time > 0 && typeof performance !== "undefined" ? performance.timeOrigin + dctx.time : 0;
-      for (const child of expandFxLayer(node, epochNow, "2d")) paintDrawable(painter, child, dctx);
+      for (const child of expandFxLayer(node, epochNow, "2d", dctx.projector)) paintDrawable(painter, child, dctx);
       break;
     }
   }

package/dist/lib/drawable/three/index.cjs

@@ -854,7 +854,7 @@ function proceduralShapes(view, pos, fade, progress) {
     }
   }
 }
-function expandFxItem(view, node, epochNowMs, dim) {
+function expandFxItem(view, node, epochNowMs, dim, projector) {
   if (view.space === "screen") return [];
   const tickMs = node.tickMs ?? DEFAULT_TICK_MS;
   const { ageMs, progress, fade } = fxLifecycle(view, epochNowMs, tickMs);
@@ -896,13 +896,14 @@ function expandFxItem(view, node, epochNowMs, dim) {
       position: pos,
       offsetY: -(0.15 + 0.55 * progress),
       color: view.color ?? node.textColor ?? DEFAULT_TEXT_COLOR,
-      opacity: fade
+      opacity: fade,
+      ...{}
     };
     out.push(text);
   }
   return out;
 }
-function expandFxLayer(node, epochNowMs, dim) {
+function expandFxLayer(node, epochNowMs, dim, projector) {
   if (!Array.isArray(node.items)) return [];
   const out = [];
   for (const item of node.items) {

package/dist/lib/drawable/three/index.d.cts

@@ -1,5 +1,5 @@
-import { C as CanvasPointLightConfig, I as IsometricTile, a as IsometricUnit, b as IsometricFeature, A as ApplicationLevelData, O as OrbitalLevelData, T as TraitLevelData, c as TransitionLevelData } from '../../../avl-schema-parser-C6Yz2MuW.cjs';
-export { d as Canvas3DHost, e as Canvas3DHostHandle, f as Canvas3DHostProps, d as GameCanvas3D, U as UnitAnimationState } from '../../../avl-schema-parser-C6Yz2MuW.cjs';
+import { C as CanvasPointLightConfig, I as IsometricTile, a as IsometricUnit, b as IsometricFeature, A as ApplicationLevelData, O as OrbitalLevelData, T as TraitLevelData, c as TransitionLevelData } from '../../../avl-schema-parser-Bt4NzAam.cjs';
+export { d as Canvas3DHost, e as Canvas3DHostHandle, f as Canvas3DHostProps, d as GameCanvas3D, U as UnitAnimationState } from '../../../avl-schema-parser-Bt4NzAam.cjs';
 import * as React$1 from 'react';
 import React__default, { Component, ReactNode, ErrorInfo } from 'react';
 import * as THREE from 'three';

package/dist/lib/drawable/three/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CanvasPointLightConfig, I as IsometricTile, a as IsometricUnit, b as IsometricFeature, A as ApplicationLevelData, O as OrbitalLevelData, T as TraitLevelData, c as TransitionLevelData } from '../../../avl-schema-parser-BKbH_SFt.js';
-export { d as Canvas3DHost, e as Canvas3DHostHandle, f as Canvas3DHostProps, d as GameCanvas3D, U as UnitAnimationState } from '../../../avl-schema-parser-BKbH_SFt.js';
+import { C as CanvasPointLightConfig, I as IsometricTile, a as IsometricUnit, b as IsometricFeature, A as ApplicationLevelData, O as OrbitalLevelData, T as TraitLevelData, c as TransitionLevelData } from '../../../avl-schema-parser-dvJKXn-o.js';
+export { d as Canvas3DHost, e as Canvas3DHostHandle, f as Canvas3DHostProps, d as GameCanvas3D, U as UnitAnimationState } from '../../../avl-schema-parser-dvJKXn-o.js';
 import * as React$1 from 'react';
 import React__default, { Component, ReactNode, ErrorInfo } from 'react';
 import * as THREE from 'three';

package/dist/lib/drawable/three/index.js

@@ -830,7 +830,7 @@ function proceduralShapes(view, pos, fade, progress) {
     }
   }
 }
-function expandFxItem(view, node, epochNowMs, dim) {
+function expandFxItem(view, node, epochNowMs, dim, projector) {
   if (view.space === "screen") return [];
   const tickMs = node.tickMs ?? DEFAULT_TICK_MS;
   const { ageMs, progress, fade } = fxLifecycle(view, epochNowMs, tickMs);
@@ -872,13 +872,14 @@ function expandFxItem(view, node, epochNowMs, dim) {
       position: pos,
       offsetY: -(0.15 + 0.55 * progress),
       color: view.color ?? node.textColor ?? DEFAULT_TEXT_COLOR,
-      opacity: fade
+      opacity: fade,
+      ...{}
     };
     out.push(text);
   }
   return out;
 }
-function expandFxLayer(node, epochNowMs, dim) {
+function expandFxLayer(node, epochNowMs, dim, projector) {
   if (!Array.isArray(node.items)) return [];
   const out = [];
   for (const item of node.items) {

package/dist/providers/index.cjs

@@ -3314,9 +3314,16 @@ var init_Input = __esm({
           }
         };
         const handleKeyDown = (e) => {
-          if (action && e.key === "Enter") {
-            eventBus.emit(`UI:${action}`, { value: e.currentTarget.value });
+          if (!action || e.key !== "Enter") return;
+          const raw = e.currentTarget.value;
+          if (type === "number") {
+            if (raw.trim() === "") return;
+            const numeric = Number(raw);
+            if (Number.isNaN(numeric)) return;
+            eventBus.emit(`UI:${action}`, { value: numeric });
+            return;
           }
+          eventBus.emit(`UI:${action}`, { value: raw });
         };
         const wrapField = (field, fullWidth = true) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: fullWidth ? "w-full" : "w-fit", children: [
           label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
@@ -3499,6 +3506,7 @@ function NativeSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   ...props
 }) {
@@ -3510,6 +3518,9 @@ function NativeSelect({
       onChange?.(e);
     }
     dispatchValueChange(onValueChange, eventBus, e.target.value);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: e.target.value });
+    }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3545,6 +3556,7 @@ function RichSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   multiple,
   searchable,
@@ -3570,6 +3582,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -3578,6 +3593,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   React87.useEffect(() => {
     const handler = (e) => {
@@ -9871,7 +9889,7 @@ function proceduralShapes(view, pos, fade, progress) {
     }
   }
 }
-function expandFxItem(view, node, epochNowMs, dim) {
+function expandFxItem(view, node, epochNowMs, dim, projector) {
   if (view.space === "screen") return [];
   const tickMs = node.tickMs ?? DEFAULT_TICK_MS;
   const { ageMs, progress, fade } = fxLifecycle(view, epochNowMs, tickMs);
@@ -9907,24 +9925,26 @@ function expandFxItem(view, node, epochNowMs, dim) {
     out.push(...proceduralShapes(view, pos, fade, progress));
   }
   if (view.message) {
+    const pxSize = projector && view.size !== void 0 ? Math.max(10, Math.round(view.size * projector.tileWidth)) : void 0;
     const text = {
       type: "draw-text",
       text: view.message,
       position: pos,
       offsetY: -(0.15 + 0.55 * progress),
       color: view.color ?? node.textColor ?? DEFAULT_TEXT_COLOR,
-      opacity: fade
+      opacity: fade,
+      ...pxSize ? { font: `bold ${pxSize}px system-ui, sans-serif` } : {}
     };
     out.push(text);
   }
   return out;
 }
-function expandFxLayer(node, epochNowMs, dim) {
+function expandFxLayer(node, epochNowMs, dim, projector) {
   if (!Array.isArray(node.items)) return [];
   const out = [];
   for (const item of node.items) {
     if (!item || typeof item.id !== "string") continue;
-    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim));
+    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim, projector));
   }
   return out;
 }
@@ -9991,7 +10011,7 @@ function paintDrawable(painter, node, dctx) {
       break;
     case "draw-fx-layer": {
       const epochNow = dctx.time > 0 && typeof performance !== "undefined" ? performance.timeOrigin + dctx.time : 0;
-      for (const child of expandFxLayer(node, epochNow, "2d")) paintDrawable(painter, child, dctx);
+      for (const child of expandFxLayer(node, epochNow, "2d", dctx.projector)) paintDrawable(painter, child, dctx);
       break;
     }
   }

package/dist/providers/index.js

@@ -3240,9 +3240,16 @@ var init_Input = __esm({
           }
         };
         const handleKeyDown = (e) => {
-          if (action && e.key === "Enter") {
-            eventBus.emit(`UI:${action}`, { value: e.currentTarget.value });
+          if (!action || e.key !== "Enter") return;
+          const raw = e.currentTarget.value;
+          if (type === "number") {
+            if (raw.trim() === "") return;
+            const numeric = Number(raw);
+            if (Number.isNaN(numeric)) return;
+            eventBus.emit(`UI:${action}`, { value: numeric });
+            return;
           }
+          eventBus.emit(`UI:${action}`, { value: raw });
         };
         const wrapField = (field, fullWidth = true) => /* @__PURE__ */ jsxs("div", { className: fullWidth ? "w-full" : "w-fit", children: [
           label && /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
@@ -3425,6 +3432,7 @@ function NativeSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   ...props
 }) {
@@ -3436,6 +3444,9 @@ function NativeSelect({
       onChange?.(e);
     }
     dispatchValueChange(onValueChange, eventBus, e.target.value);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: e.target.value });
+    }
   };
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
@@ -3471,6 +3482,7 @@ function RichSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   multiple,
   searchable,
@@ -3496,6 +3508,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -3504,6 +3519,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   useEffect(() => {
     const handler = (e) => {
@@ -9797,7 +9815,7 @@ function proceduralShapes(view, pos, fade, progress) {
     }
   }
 }
-function expandFxItem(view, node, epochNowMs, dim) {
+function expandFxItem(view, node, epochNowMs, dim, projector) {
   if (view.space === "screen") return [];
   const tickMs = node.tickMs ?? DEFAULT_TICK_MS;
   const { ageMs, progress, fade } = fxLifecycle(view, epochNowMs, tickMs);
@@ -9833,24 +9851,26 @@ function expandFxItem(view, node, epochNowMs, dim) {
     out.push(...proceduralShapes(view, pos, fade, progress));
   }
   if (view.message) {
+    const pxSize = projector && view.size !== void 0 ? Math.max(10, Math.round(view.size * projector.tileWidth)) : void 0;
     const text = {
       type: "draw-text",
       text: view.message,
       position: pos,
       offsetY: -(0.15 + 0.55 * progress),
       color: view.color ?? node.textColor ?? DEFAULT_TEXT_COLOR,
-      opacity: fade
+      opacity: fade,
+      ...pxSize ? { font: `bold ${pxSize}px system-ui, sans-serif` } : {}
     };
     out.push(text);
   }
   return out;
 }
-function expandFxLayer(node, epochNowMs, dim) {
+function expandFxLayer(node, epochNowMs, dim, projector) {
   if (!Array.isArray(node.items)) return [];
   const out = [];
   for (const item of node.items) {
     if (!item || typeof item.id !== "string") continue;
-    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim));
+    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim, projector));
   }
   return out;
 }
@@ -9917,7 +9937,7 @@ function paintDrawable(painter, node, dctx) {
       break;
     case "draw-fx-layer": {
       const epochNow = dctx.time > 0 && typeof performance !== "undefined" ? performance.timeOrigin + dctx.time : 0;
-      for (const child of expandFxLayer(node, epochNow, "2d")) paintDrawable(painter, child, dctx);
+      for (const child of expandFxLayer(node, epochNow, "2d", dctx.projector)) paintDrawable(painter, child, dctx);
       break;
     }
   }

package/dist/runtime/index.cjs

@@ -3807,9 +3807,16 @@ var init_Input = __esm({
           }
         };
         const handleKeyDown = (e) => {
-          if (action && e.key === "Enter") {
-            eventBus.emit(`UI:${action}`, { value: e.currentTarget.value });
+          if (!action || e.key !== "Enter") return;
+          const raw = e.currentTarget.value;
+          if (type === "number") {
+            if (raw.trim() === "") return;
+            const numeric = Number(raw);
+            if (Number.isNaN(numeric)) return;
+            eventBus.emit(`UI:${action}`, { value: numeric });
+            return;
           }
+          eventBus.emit(`UI:${action}`, { value: raw });
         };
         const wrapField = (field, fullWidth = true) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: fullWidth ? "w-full" : "w-fit", children: [
           label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
@@ -3992,6 +3999,7 @@ function NativeSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   ...props
 }) {
@@ -4003,6 +4011,9 @@ function NativeSelect({
       onChange?.(e);
     }
     dispatchValueChange(onValueChange, eventBus, e.target.value);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: e.target.value });
+    }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4038,6 +4049,7 @@ function RichSelect({
   error,
   onChange,
   onValueChange,
+  action,
   value,
   multiple,
   searchable,
@@ -4063,6 +4075,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   const clear = (e) => {
     e.stopPropagation();
@@ -4071,6 +4086,9 @@ function RichSelect({
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
     dispatchValueChange(onValueChange, eventBus, next);
+    if (action) {
+      eventBus.emit(`UI:${action}`, { value: next });
+    }
   };
   React85.useEffect(() => {
     const handler = (e) => {
@@ -10221,7 +10239,7 @@ function proceduralShapes(view, pos, fade, progress) {
     }
   }
 }
-function expandFxItem(view, node, epochNowMs, dim) {
+function expandFxItem(view, node, epochNowMs, dim, projector) {
   if (view.space === "screen") return [];
   const tickMs = node.tickMs ?? DEFAULT_TICK_MS;
   const { ageMs, progress, fade } = fxLifecycle(view, epochNowMs, tickMs);
@@ -10257,24 +10275,26 @@ function expandFxItem(view, node, epochNowMs, dim) {
     out.push(...proceduralShapes(view, pos, fade, progress));
   }
   if (view.message) {
+    const pxSize = projector && view.size !== void 0 ? Math.max(10, Math.round(view.size * projector.tileWidth)) : void 0;
     const text = {
       type: "draw-text",
       text: view.message,
       position: pos,
       offsetY: -(0.15 + 0.55 * progress),
       color: view.color ?? node.textColor ?? DEFAULT_TEXT_COLOR,
-      opacity: fade
+      opacity: fade,
+      ...pxSize ? { font: `bold ${pxSize}px system-ui, sans-serif` } : {}
     };
     out.push(text);
   }
   return out;
 }
-function expandFxLayer(node, epochNowMs, dim) {
+function expandFxLayer(node, epochNowMs, dim, projector) {
   if (!Array.isArray(node.items)) return [];
   const out = [];
   for (const item of node.items) {
     if (!item || typeof item.id !== "string") continue;
-    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim));
+    out.push(...expandFxItem(resolveFxView(item, node.presets), node, epochNowMs, dim, projector));
   }
   return out;
 }
@@ -10341,7 +10361,7 @@ function paintDrawable(painter, node, dctx) {
       break;
     case "draw-fx-layer": {
       const epochNow = dctx.time > 0 && typeof performance !== "undefined" ? performance.timeOrigin + dctx.time : 0;
-      for (const child of expandFxLayer(node, epochNow, "2d")) paintDrawable(painter, child, dctx);
+      for (const child of expandFxLayer(node, epochNow, "2d", dctx.projector)) paintDrawable(painter, child, dctx);
       break;
     }
   }