@moku-labs/game 0.15.32 → 0.15.33

package/dist/app/page.d.mts

@@ -1,4 +1,4 @@
-import { m as StartedPage, r as GameConfig, t as AnyGameApp, u as PageOptions } from "../types-DmU_qlvA.mjs";
+import { m as StartedPage, r as GameConfig, t as AnyGameApp, u as PageOptions } from "../types-CF6CJ55K.mjs";
 
 //#region src/app/page.d.ts
 /**

package/dist/app/page.mjs

@@ -2,7 +2,7 @@ import { r as systemSource, t as memory } from "../memory-CWlqhS7l.mjs";
 import { t as applyTo } from "../drafts-BawpSaVp.mjs";
 import { i as isControl } from "../dev-BNndV-hU.mjs";
 import { n as fakeClock, t as VISUAL_CLOCK } from "../fake-hnJcJeYf.mjs";
-import { n as read, r as watch, t as sources } from "../sources-DM5Zcl4o.mjs";
+import { n as read, r as watch, t as sources } from "../sources-MfRpM8sV.mjs";
 import { t as resolveConfig } from "../config-B87aFTW-.mjs";
 //#region src/app/save.ts
 /**

package/dist/app/system.d.mts

@@ -1,6 +1,6 @@
 import { Mr as PlayerStateProvider } from "../types-D27I4Q7b.mjs";
-import { ht as PlatformProvider } from "../index-DMeqKGSu.mjs";
-import { _ as SystemShellFactory, g as SystemName, h as SystemModules } from "../types-DmU_qlvA.mjs";
+import { ht as PlatformProvider } from "../index-ChuOBsZB.mjs";
+import { _ as SystemShellFactory, g as SystemName, h as SystemModules } from "../types-CF6CJ55K.mjs";
 import { Back, Haptics, KeepAwake, Lifecycle, Store } from "@moku-labs/system";
 
 //#region src/app/system.d.ts

package/dist/app.d.mts

@@ -1,6 +1,6 @@
 import { Dr as Json } from "./types-D27I4Q7b.mjs";
-import { U as StringTable } from "./types-BAp9HdR4.mjs";
-import { a as GameHandle, c as MemoryProvider, d as SaveKind, f as Scenario, g as SystemName, i as GameDefinition, l as PageAgent, n as GameApp, o as GamePluginConfigs, p as ScreenSeams, r as GameConfig, s as HeadlessSeams, v as WithGameState } from "./types-DmU_qlvA.mjs";
+import { U as StringTable } from "./types-DGHVGP5i.mjs";
+import { a as GameHandle, c as MemoryProvider, d as SaveKind, f as Scenario, g as SystemName, i as GameDefinition, l as PageAgent, n as GameApp, o as GamePluginConfigs, p as ScreenSeams, r as GameConfig, s as HeadlessSeams, v as WithGameState } from "./types-CF6CJ55K.mjs";
 import { AnyPluginInstance } from "@moku-labs/core";
 
 //#region src/app/define.d.ts

package/dist/app.mjs

@@ -1,4 +1,4 @@
-import { Ft as audioPlugin, H as platformPlugin, i as screen, m as flattenFeatures, t as createApp, wt as effectsPlugin } from "./src-5qdNjLKN.mjs";
+import { Ft as audioPlugin, H as platformPlugin, i as screen, m as flattenFeatures, t as createApp, wt as effectsPlugin } from "./src-D5Nyvdhu.mjs";
 import { t as memory } from "./memory-CWlqhS7l.mjs";
 import { n as fakeClock, r as isFakeClock } from "./fake-hnJcJeYf.mjs";
 //#region src/app/define.ts

package/dist/{commands-C8N_rpwt.d.mts → commands-C1gTg70a.d.mts}

@@ -1,6 +1,6 @@
 import { $r as Time, D as DebugSwitches, Ir as Snapshot, Rr as StoreApi, Vr as Api, Y as Api$1, Yr as FrameRate, ar as FlowState, nn as Api$2, nr as Bookmark, ot as Captured, w as ScenesApi } from "./types-D27I4Q7b.mjs";
-import { P as AnimApi, a as AudioApi, h as EffectsApi, r as UiApi } from "./types-DHamyZq1.mjs";
-import { N as InputApi } from "./types-BAp9HdR4.mjs";
+import { P as AnimApi, a as AudioApi, h as EffectsApi, r as UiApi } from "./types-BqfwZ_lM.mjs";
+import { N as InputApi } from "./types-DGHVGP5i.mjs";
 import { t as HeadlessApp } from "./headless-f31cEZ7f.mjs";
 import { n as Command, r as ControlApp } from "./types-CgE5L_7f.mjs";
 
@@ -23,8 +23,8 @@ declare const commands: Readonly<{
     readonly payload: "json?";
   }, boolean, ControlApp>;
   tap: Command<{
-    key: "string?";
-    target: "json?";
+    readonly key: "string?";
+    readonly target: "json?";
   }, boolean, HeadlessApp & {
     readonly log: import("@moku-labs/common/browser").LogApi;
   } & {
@@ -129,16 +129,16 @@ declare const commands: Readonly<{
     readonly anim: AnimApi;
   }>;
   fill: Command<{
-    key: "string";
-    value: "string";
+    readonly key: "string";
+    readonly value: "string";
   }, boolean, HeadlessApp & {
     readonly log: import("@moku-labs/common/browser").LogApi;
   } & {
     readonly ui: Pick<UiApi, "fill">;
   }>;
   scroll: Command<{
-    key: "string";
-    to: "number";
+    readonly to: "number";
+    readonly key: "string";
   }, boolean, HeadlessApp & {
     readonly log: import("@moku-labs/common/browser").LogApi;
   } & {

package/dist/control.d.mts

@@ -1,6 +1,6 @@
 import { t as HeadlessApp } from "./headless-f31cEZ7f.mjs";
 import { i as InputArguments, n as Command, o as InputSchema, s as Ran } from "./types-CgE5L_7f.mjs";
-import { t as commands } from "./commands-C8N_rpwt.mjs";
+import { t as commands } from "./commands-C1gTg70a.mjs";
 import { t as defineCommand } from "./define-CE1uxbe9.mjs";
 
 //#region src/plugins/flow/doors/dev.d.ts

package/dist/control.mjs

@@ -1,4 +1,4 @@
 import { n as controlRefused, t as controlReadOnly } from "./dev-BNndV-hU.mjs";
 import { s as defineCommand } from "./session-DuZfGZWk.mjs";
-import { n as commands, t as run } from "./run-BnriyKUu.mjs";
+import { n as commands, t as run } from "./run-G4m1APMv.mjs";
 export { commands, controlReadOnly, controlRefused, defineCommand, run };

package/dist/{index-DMeqKGSu.d.mts → index-ChuOBsZB.d.mts}

@@ -1,6 +1,6 @@
 import { $n as FeaturePlugin, An as NumericFields, B as ShapeValue, Bn as EmitterIdOf, C as SceneSpec, Cn as TagType, Dr as Json, Dt as PassKind, En as Ease, F as NineSliceValue, Gn as TextStylesOf, Gr as State$4, Hn as HudKeysOf, Hr as Config$4, Jr as Config$8, K as TransformValue, L as OverlayValue, Ln as Api$2, Mn as ProjectionSpec, N as HudPartValue, Nn as ReducedMotion, Or as Root, Qn as FeatureDescription, Qr as ThermalReading, Rn as BundlesOf, Rr as StoreApi, S as SceneDefinition, Sn as SystemFor, Sr as State$2, T as State$7, Tn as DescriptionNode, Tr as Config$5, U as SpriteOptions, Ur as Events, Vn as GameTypes, Vr as Api$3, W as SpriteValue, Wn as State$3, Wr as PauseReason, X as Config$6, Xr as RateChange, Y as Api$4, Zr as State$8, _ as AnySceneProjection, _n as Mut, _r as Answer, _t as FrameRing, a as Config$1, an as State$9, bn as ResourceType, br as Config$2, c as LoadBundles, dr as Descriptor, dt as ViewportSize, er as FeatureTree, f as ReadyBundles, fn as ComponentType, fr as Effect, gt as FrameRecord, hr as Hint, i as BundleSpec, jn as ProjectionMotion, jr as Patch, kr as State$5, l as LoadReason, lr as SceneIdOf, m as Tier, mr as GuideOptions, ni as Events$1, nn as Api$6, o as DefineBundles, p as State$1, pn as ComponentValue, pr as EffectOptions, q as sprite, qn as defineFlow, qr as Api$5, r as BundleMap, ri as Require, rn as Config$9, rr as DefineNode, rt as State$6, t as Api, ti as Config$10, u as LoadResult, un as ComponentHandle, v as Config$7, vn as Narrowed, vr as Api$1, w as ScenesApi, x as LayerMap, xn as SystemDefinition, y as DefineScene, yn as QueryTerm, zn as Config$3, zr as RngApi } from "./types-D27I4Q7b.mjs";
-import { A as GlowValue, B as Target, C as BlurValue, D as FilterComponent, F as AnimPlayerValue, H as HapticKind, I as Config$11, K as defineAnimation, L as FramesValue, M as OutlineValue, N as UniformDeclaration, O as FilterSpec, P as AnimApi, Q as play, R as MotionKeyframe, S as AlphaValue, T as DisplacementValue, U as SfxDescriptor, W as Step, _ as State$12, a as AudioApi, b as EmitterDefinition, c as MusicDescriptor, d as State$11, f as VolumesFor, h as EffectsApi, j as NoiseValue, k as FilterValueOf, l as MusicOptions, lt as OverlayApi, m as Config$13, n as State$13, r as UiApi, s as Config$12, t as Config$14, w as ColorMatrixValue, x as EmitterValue, y as EmitterConfig, z as State$10 } from "./types-DHamyZq1.mjs";
-import { B as Message, C as State$16, D as TextStyleInput, G as TypedTr, H as State$14, I as Argument, J as ResolvedStyle, L as Config$15, M as Config$16, N as InputApi, O as TextStyles, P as State$15, R as I18nApi, S as Point, T as TextBind, V as Part, W as TextKey, Y as Style, Z as WhenFlags, b as Config$17, g as IntrinsicElementsFor, h as defineTokens, j as defineComponent, k as TextValue, q as IsFlags, s as PopupComponent, v as BindField, w as TextApi, x as CountdownValue, y as BindOptions, z as IntlKit } from "./types-BAp9HdR4.mjs";
+import { A as GlowValue, B as Target, C as BlurValue, D as FilterComponent, F as AnimPlayerValue, H as HapticKind, I as Config$11, K as defineAnimation, L as FramesValue, M as OutlineValue, N as UniformDeclaration, O as FilterSpec, P as AnimApi, Q as play, R as MotionKeyframe, S as AlphaValue, T as DisplacementValue, U as SfxDescriptor, W as Step, _ as State$12, a as AudioApi, b as EmitterDefinition, c as MusicDescriptor, d as State$11, f as VolumesFor, h as EffectsApi, j as NoiseValue, k as FilterValueOf, l as MusicOptions, lt as OverlayApi, m as Config$13, n as State$13, r as UiApi, s as Config$12, t as Config$14, w as ColorMatrixValue, x as EmitterValue, y as EmitterConfig, z as State$10 } from "./types-BqfwZ_lM.mjs";
+import { B as Message, C as State$16, D as TextStyleInput, G as TypedTr, H as State$14, I as Argument, J as ResolvedStyle, L as Config$15, M as Config$16, N as InputApi, O as TextStyles, P as State$15, R as I18nApi, S as Point, T as TextBind, V as Part, W as TextKey, Y as Style, Z as WhenFlags, b as Config$17, g as IntrinsicElementsFor, h as defineTokens, j as defineComponent, k as TextValue, q as IsFlags, s as PopupComponent, v as BindField, w as TextApi, x as CountdownValue, y as BindOptions, z as IntlKit } from "./types-DGHVGP5i.mjs";
 import { Log } from "@moku-labs/common/browser";
 import { PluginCtx } from "@moku-labs/core";
 

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { $t as ShaderWhat, Ar as types_d_exports$10, At as PerfChange, Bt as PerfLongFrameLine, Cr as types_d_exports$3, Ct as PERF_CAUSES, Dt as PassKind, E as types_d_exports$13, Et as PROBLEM_RULES, Fr as SaveUnreadableError, Ft as PerfEventLine, G as Transform, Gt as PerfStartupLine, H as SpriteBlend, Ht as PerfMeasured, I as Overlay, It as PerfEventName, J as AdaptiveScale, Jn as exit, Jt as PoolTrimDetail, Kn as types_d_exports$6, Kr as types_d_exports$9, Kt as PerfTelemetryLine, L as OverlayValue, Lt as PerfGapLine, M as HudPart, Mt as PerfCollectorLine, N as HudPartValue, Nt as PerfCounts, Ot as PassRecord, P as NineSlice, Pt as PerfDisplay, Qt as ShaderEventDetail, R as Parent, Rt as PerfHeaderLine, St as OverlayWhat, Tn as DescriptionNode, Tt as PERF_LOG_VERSION, Ut as PerfSampleLine, V as Sprite, Vt as PerfMarkLine, Wt as PerfSpikeLine, Xn as to, Xt as ProblemRule, Yn as slot, Yt as ProblemEventDetail, Z as MonitorConfig, Zn as type, Zt as SHADER_WHATS, _t as FrameRing, at as types_d_exports$12, bt as MonitorSections, ei as types_d_exports$15, en as WarmDetail, g as types_d_exports$1, gt as FrameRecord, ht as FrameReadout, j as Display, jt as PerfChangeEntry, kt as PerfCause, mt as FrameReadResult, nt as PoolTrim, on as types_d_exports$17, pt as FrameColumns, q as sprite, qt as PerfThermalLine, st as MonitorCounts, tn as DEMAND_REASONS, vt as LongFrameEntry, wt as PERF_GAP_BUCKETS, xt as OverlayEventDetail, yt as MONITOR_SECTIONS, z as Shape, zt as PerfLogLine } from "./types-D27I4Q7b.mjs";
-import { $ as sequence, E as FilterArea, G as HAPTIC_KINDS, H as HapticKind, J as frames, K as defineAnimation, Q as play, V as types_d_exports, X as mark, Y as haptic, Z as parallel, at as stopSfx, ct as wait, et as set, i as types_d_exports$16, it as stagger, nt as spawn, ot as tween, p as types_d_exports$2, q as external, rt as spawned, st as use, tt as sfx, ut as types_d_exports$4, v as types_d_exports$5 } from "./types-DHamyZq1.mjs";
-import { A as types_d_exports$14, E as TextFormat, F as types_d_exports$8, K as types_d_exports$7, d as DebugTrigger, f as LocalWrite, h as defineTokens, j as defineComponent, m as popup, p as ScrollState, u as Box, x as CountdownValue, y as BindOptions } from "./types-BAp9HdR4.mjs";
-import { $ as system, A as Draggable, At as Text, B as Touchable, C as AnimPlayer, Ct as debugPlugin, D as defineBundles, Dt as animPlugin, E as defineScene, Et as assetsPlugin, F as PointerOver, G as Exiting, H as Traced, I as Pressable, J as Order, K as Layer, L as Pressed, M as Held, Mt as defineTextStyles, N as Hovered, Nt as label, O as load, Ot as projection, P as Pointer, Q as resource, R as Swipeable, S as defineMotion, St as effectsPlugin, T as Frames, Tt as audioPlugin, U as PASS_KINDS, V as Traceable, W as frameAt, X as component, Y as Tree, Z as mut, _ as defineStyle, _t as modelPlugin, a as defineEmitter, at as defineFeature, b as messageDuration, bt as i18nPlugin, c as Alpha, ct as uiPlugin, d as Displacement, dt as scenesPlugin, et as tag, f as Glow, ft as rendererPlugin, g as resolve, gt as types_d_exports$11, h as music, ht as PlatformProvider, i as screen, it as schedule, j as DropTarget, jt as bind, k as ready, kt as Countdown, l as Blur, lt as timePlugin, m as Outline, mt as BackResult, n as createPlugin, nt as guide, o as Emitter, ot as flattenFeatures, p as Noise, pt as platformPlugin, q as Now, r as defineGame, rt as hint, s as defineFilter, st as worldPlugin, t as createApp, tt as defineEffect, u as ColorMatrix, ut as textPlugin, v as tr, vt as lifecyclePlugin, w as Animation, wt as clockPlugin, x as cubicBezier, xt as flowPlugin, y as messageArgument, yt as inputPlugin, z as Tappable } from "./index-DMeqKGSu.mjs";
+import { $ as sequence, E as FilterArea, G as HAPTIC_KINDS, H as HapticKind, J as frames, K as defineAnimation, Q as play, V as types_d_exports, X as mark, Y as haptic, Z as parallel, at as stopSfx, ct as wait, et as set, i as types_d_exports$16, it as stagger, nt as spawn, ot as tween, p as types_d_exports$2, q as external, rt as spawned, st as use, tt as sfx, ut as types_d_exports$4, v as types_d_exports$5 } from "./types-BqfwZ_lM.mjs";
+import { A as types_d_exports$14, E as TextFormat, F as types_d_exports$8, K as types_d_exports$7, d as DebugTrigger, f as LocalWrite, h as defineTokens, j as defineComponent, m as popup, p as ScrollState, u as Box, x as CountdownValue, y as BindOptions } from "./types-DGHVGP5i.mjs";
+import { $ as system, A as Draggable, At as Text, B as Touchable, C as AnimPlayer, Ct as debugPlugin, D as defineBundles, Dt as animPlugin, E as defineScene, Et as assetsPlugin, F as PointerOver, G as Exiting, H as Traced, I as Pressable, J as Order, K as Layer, L as Pressed, M as Held, Mt as defineTextStyles, N as Hovered, Nt as label, O as load, Ot as projection, P as Pointer, Q as resource, R as Swipeable, S as defineMotion, St as effectsPlugin, T as Frames, Tt as audioPlugin, U as PASS_KINDS, V as Traceable, W as frameAt, X as component, Y as Tree, Z as mut, _ as defineStyle, _t as modelPlugin, a as defineEmitter, at as defineFeature, b as messageDuration, bt as i18nPlugin, c as Alpha, ct as uiPlugin, d as Displacement, dt as scenesPlugin, et as tag, f as Glow, ft as rendererPlugin, g as resolve, gt as types_d_exports$11, h as music, ht as PlatformProvider, i as screen, it as schedule, j as DropTarget, jt as bind, k as ready, kt as Countdown, l as Blur, lt as timePlugin, m as Outline, mt as BackResult, n as createPlugin, nt as guide, o as Emitter, ot as flattenFeatures, p as Noise, pt as platformPlugin, q as Now, r as defineGame, rt as hint, s as defineFilter, st as worldPlugin, t as createApp, tt as defineEffect, u as ColorMatrix, ut as textPlugin, v as tr, vt as lifecyclePlugin, w as Animation, wt as clockPlugin, x as cubicBezier, xt as flowPlugin, y as messageArgument, yt as inputPlugin, z as Tappable } from "./index-ChuOBsZB.mjs";
 export { type AdaptiveScale, Alpha, types_d_exports as Anim, AnimPlayer, Animation, types_d_exports$1 as Assets, types_d_exports$2 as Audio, type BackResult, type BindOptions, Blur, Box, types_d_exports$3 as Clock, ColorMatrix, Countdown, type CountdownValue, DEMAND_REASONS, types_d_exports$4 as Debug, DebugTrigger, type DescriptionNode, Displacement, Display, Draggable, DropTarget, types_d_exports$5 as Effects, Emitter, Exiting, type FilterArea, types_d_exports$6 as Flow, type FrameColumns, type FrameReadResult, type FrameReadout, type FrameRecord, type FrameRing, Frames, Glow, HAPTIC_KINDS, type HapticKind, Held, Hovered, HudPart, type HudPartValue, types_d_exports$7 as I18n, types_d_exports$8 as Input, Layer, types_d_exports$9 as Lifecycle, LocalWrite, type LongFrameEntry, MONITOR_SECTIONS, types_d_exports$10 as Model, type MonitorConfig, type MonitorCounts, type MonitorSections, NineSlice, Noise, Now, Order, Outline, Overlay, type OverlayEventDetail, type OverlayValue, type OverlayWhat, PASS_KINDS, PERF_CAUSES, PERF_GAP_BUCKETS, PERF_LOG_VERSION, PROBLEM_RULES, Parent, type PassKind, type PassRecord, type PerfCause, type PerfChange, type PerfChangeEntry, type PerfCollectorLine, type PerfCounts, type PerfDisplay, type PerfEventLine, type PerfEventName, type PerfGapLine, type PerfHeaderLine, type PerfLogLine, type PerfLongFrameLine, type PerfMarkLine, type PerfMeasured, type PerfSampleLine, type PerfSpikeLine, type PerfStartupLine, type PerfTelemetryLine, type PerfThermalLine, types_d_exports$11 as Platform, type PlatformProvider, Pointer, PointerOver, type PoolTrim, type PoolTrimDetail, Pressable, Pressed, type ProblemEventDetail, type ProblemRule, types_d_exports$12 as Renderer, SHADER_WHATS, SaveUnreadableError, types_d_exports$13 as Scenes, ScrollState, type ShaderEventDetail, type ShaderWhat, Shape, Sprite, type SpriteBlend, Swipeable, Tappable, Text, type TextFormat, types_d_exports$14 as TextTypes, types_d_exports$15 as Time, Touchable, Traceable, Traced, Transform, Tree, types_d_exports$16 as Ui, type WarmDetail, types_d_exports$17 as World, animPlugin, assetsPlugin, audioPlugin, bind, clockPlugin, component, createApp, createPlugin, cubicBezier, debugPlugin, defineAnimation, defineBundles, defineComponent, defineEffect, defineEmitter, defineFeature, defineFilter, defineGame, defineMotion, defineScene, defineStyle, defineTextStyles, defineTokens, effectsPlugin, exit, external, flattenFeatures, flowPlugin, frameAt, frames, guide, haptic, hint, i18nPlugin, inputPlugin, label, lifecyclePlugin, load, mark, messageArgument, messageDuration, modelPlugin, music, mut, parallel, platformPlugin, play, popup, projection, ready, rendererPlugin, resolve, resource, scenesPlugin, schedule, screen, sequence, set, sfx, slot, spawn, spawned, sprite, stagger, stopSfx, system, tag, textPlugin, timePlugin, to, tr, tween, type, uiPlugin, use, wait, worldPlugin };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { $ as sfx, $t as flowPlugin, A as types_exports$7, At as Glow, B as defineMotion, Bt as Animation, C as types_exports$14, Ct as messageDuration, D as types_exports$10, Dt as Blur, E as types_exports$11, Et as Alpha, F as types_exports$2, Ft as audioPlugin, G as external, Gt as MONITOR_SECTIONS, H as platformPlugin, Ht as rendererPlugin, I as types_exports$1, It as scenesPlugin, J as mark, Jt as PERF_LOG_VERSION, K as frames, Kt as PERF_CAUSES, L as types_exports, Lt as assetsPlugin, M as types_exports$5, Mt as Outline, N as types_exports$4, Nt as defineFilter, O as types_exports$9, Ot as ColorMatrix, P as types_exports$3, Pt as debugPlugin, Q as set, Qt as worldPlugin, R as uiPlugin, Rt as animPlugin, S as types_exports$15, St as messageArgument, T as types_exports$12, Tt as Emitter, U as HAPTIC_KINDS, Ut as PASS_KINDS, V as textPlugin, Vt as Frames, W as defineAnimation, Wt as frameAt, X as play, Xt as SHADER_WHATS, Y as parallel, Yt as PROBLEM_RULES, Z as sequence, Zt as DEMAND_REASONS, _ as defineBundles, _t as Tappable, a as cubicBezier, an as modelPlugin, at as use, b as types_exports$17, bt as Traced, c as hint, cn as timePlugin, ct as Draggable, d as defineScene, dt as Hovered, et as spawn, f as tr, ft as Pointer, g as music, gt as Swipeable, h as defineEmitter, ht as Pressed, i as screen, in as type, it as tween, j as types_exports$6, jt as Noise, k as types_exports$8, kt as Displacement, l as schedule, ln as clockPlugin, lt as DropTarget, m as flattenFeatures, mt as Pressable, n as createPlugin, nn as slot, nt as stagger, o as defineEffect, on as SaveUnreadableError, ot as wait, p as defineFeature, pt as PointerOver, q as haptic, qt as PERF_GAP_BUCKETS, r as defineGame, rn as to, rt as stopSfx, s as guide, sn as lifecyclePlugin, st as inputPlugin, t as createApp, tn as exit, tt as spawned, u as projection, ut as Held, v as load, vt as Touchable, w as types_exports$13, wt as effectsPlugin, x as types_exports$16, xt as i18nPlugin, y as ready, yt as Traceable, z as resolve, zt as AnimPlayer } from "./src-5qdNjLKN.mjs";
+import { $ as sfx, $t as flowPlugin, A as types_exports$7, At as Glow, B as defineMotion, Bt as Animation, C as types_exports$14, Ct as messageDuration, D as types_exports$10, Dt as Blur, E as types_exports$11, Et as Alpha, F as types_exports$2, Ft as audioPlugin, G as external, Gt as MONITOR_SECTIONS, H as platformPlugin, Ht as rendererPlugin, I as types_exports$1, It as scenesPlugin, J as mark, Jt as PERF_LOG_VERSION, K as frames, Kt as PERF_CAUSES, L as types_exports, Lt as assetsPlugin, M as types_exports$5, Mt as Outline, N as types_exports$4, Nt as defineFilter, O as types_exports$9, Ot as ColorMatrix, P as types_exports$3, Pt as debugPlugin, Q as set, Qt as worldPlugin, R as uiPlugin, Rt as animPlugin, S as types_exports$15, St as messageArgument, T as types_exports$12, Tt as Emitter, U as HAPTIC_KINDS, Ut as PASS_KINDS, V as textPlugin, Vt as Frames, W as defineAnimation, Wt as frameAt, X as play, Xt as SHADER_WHATS, Y as parallel, Yt as PROBLEM_RULES, Z as sequence, Zt as DEMAND_REASONS, _ as defineBundles, _t as Tappable, a as cubicBezier, an as modelPlugin, at as use, b as types_exports$17, bt as Traced, c as hint, cn as timePlugin, ct as Draggable, d as defineScene, dt as Hovered, et as spawn, f as tr, ft as Pointer, g as music, gt as Swipeable, h as defineEmitter, ht as Pressed, i as screen, in as type, it as tween, j as types_exports$6, jt as Noise, k as types_exports$8, kt as Displacement, l as schedule, ln as clockPlugin, lt as DropTarget, m as flattenFeatures, mt as Pressable, n as createPlugin, nn as slot, nt as stagger, o as defineEffect, on as SaveUnreadableError, ot as wait, p as defineFeature, pt as PointerOver, q as haptic, qt as PERF_GAP_BUCKETS, r as defineGame, rn as to, rt as stopSfx, s as guide, sn as lifecyclePlugin, st as inputPlugin, t as createApp, tn as exit, tt as spawned, u as projection, ut as Held, v as load, vt as Touchable, w as types_exports$13, wt as effectsPlugin, x as types_exports$16, xt as i18nPlugin, y as ready, yt as Traceable, z as resolve, zt as AnimPlayer } from "./src-D5Nyvdhu.mjs";
 import { $ as component, H as Shape, I as Display, J as Exiting, L as HudPart, Q as Tree, R as NineSlice, S as bind, T as label, U as Sprite, V as Parent, W as Transform, X as Now, Y as Layer, Z as Order, b as Countdown, d as LocalWrite, et as mut, g as popup, it as tag, l as DebugTrigger, nt as system, p as ScrollState, q as sprite, s as Box, tt as resource, v as defineTokens, w as defineTextStyles, x as Text, y as defineStyle, z as Overlay } from "./visual-ClVRMUAi.mjs";
 import { t as defineComponent } from "./component-DGg5DqKK.mjs";
 export { Alpha, types_exports as Anim, AnimPlayer, Animation, types_exports$1 as Assets, types_exports$2 as Audio, Blur, Box, types_exports$3 as Clock, ColorMatrix, Countdown, DEMAND_REASONS, types_exports$4 as Debug, DebugTrigger, Displacement, Display, Draggable, DropTarget, types_exports$5 as Effects, Emitter, Exiting, types_exports$6 as Flow, Frames, Glow, HAPTIC_KINDS, Held, Hovered, HudPart, types_exports$7 as I18n, types_exports$8 as Input, Layer, types_exports$9 as Lifecycle, LocalWrite, MONITOR_SECTIONS, types_exports$10 as Model, NineSlice, Noise, Now, Order, Outline, Overlay, PASS_KINDS, PERF_CAUSES, PERF_GAP_BUCKETS, PERF_LOG_VERSION, PROBLEM_RULES, Parent, types_exports$11 as Platform, Pointer, PointerOver, Pressable, Pressed, types_exports$12 as Renderer, SHADER_WHATS, SaveUnreadableError, types_exports$13 as Scenes, ScrollState, Shape, Sprite, Swipeable, Tappable, Text, types_exports$14 as TextTypes, types_exports$15 as Time, Touchable, Traceable, Traced, Transform, Tree, types_exports$16 as Ui, types_exports$17 as World, animPlugin, assetsPlugin, audioPlugin, bind, clockPlugin, component, createApp, createPlugin, cubicBezier, debugPlugin, defineAnimation, defineBundles, defineComponent, defineEffect, defineEmitter, defineFeature, defineFilter, defineGame, defineMotion, defineScene, defineStyle, defineTextStyles, defineTokens, effectsPlugin, exit, external, flattenFeatures, flowPlugin, frameAt, frames, guide, haptic, hint, i18nPlugin, inputPlugin, label, lifecyclePlugin, load, mark, messageArgument, messageDuration, modelPlugin, music, mut, parallel, platformPlugin, play, popup, projection, ready, rendererPlugin, resolve, resource, scenesPlugin, schedule, screen, sequence, set, sfx, slot, spawn, spawned, sprite, stagger, stopSfx, system, tag, textPlugin, timePlugin, to, tr, tween, type, uiPlugin, use, wait, worldPlugin };

package/dist/inspect.d.mts

@@ -1,6 +1,6 @@
 import { Ir as Snapshot, Un as Position, Y as Api$2, ct as RenderStats, dn as ComponentSchema, gn as FrameDiff, h as Usage, hn as EntitySnapshot, in as Explained, ir as FlowGraph, it as Under, nn as Api$1, or as JournalEntry, t as Api$3, wr as Api } from "./types-D27I4Q7b.mjs";
-import { a as AudioApi, g as EffectsStats, h as EffectsApi, r as UiApi, u as SoundEntry } from "./types-DHamyZq1.mjs";
-import { c as UiNode } from "./types-BAp9HdR4.mjs";
+import { a as AudioApi, g as EffectsStats, h as EffectsApi, r as UiApi, u as SoundEntry } from "./types-BqfwZ_lM.mjs";
+import { c as UiNode } from "./types-DGHVGP5i.mjs";
 import { t as HeadlessApp } from "./headless-f31cEZ7f.mjs";
 import { a as InputOf, c as Source, i as InputArguments, l as WatchApp, o as InputSchema, t as CheatEntry, u as WatchInput } from "./types-CgE5L_7f.mjs";
 import { n as defineSource } from "./define-CE1uxbe9.mjs";
@@ -76,8 +76,8 @@ declare const sources: Readonly<{
     readonly ui: UiApi;
   }>;
   locate: Source<{
-    key: "string?";
-    target: "json?";
+    readonly key: "string?";
+    readonly target: "json?";
   }, {
     x: number;
     y: number;

package/dist/inspect.mjs

@@ -1,4 +1,4 @@
 import { c as defineSource } from "./session-DuZfGZWk.mjs";
-import { n as read, r as watch, t as sources } from "./sources-DM5Zcl4o.mjs";
+import { n as read, r as watch, t as sources } from "./sources-MfRpM8sV.mjs";
 import "./inspect-la_KkjCS.mjs";
 export { defineSource, read, sources, watch };

package/dist/jsx-dev-runtime.d.mts

@@ -1,2 +1,2 @@
-import { a as jsxs, i as jsxDEV, n as JSX, r as jsx, t as Fragment } from "./runtime-HwTBjkIL.mjs";
+import { a as jsxs, i as jsxDEV, n as JSX, r as jsx, t as Fragment } from "./runtime-CgJuBIYZ.mjs";
 export { Fragment, type JSX, jsx, jsxDEV, jsxs };

package/dist/jsx-runtime.d.mts

@@ -1,2 +1,2 @@
-import { a as jsxs, n as JSX, r as jsx, t as Fragment } from "./runtime-HwTBjkIL.mjs";
+import { a as jsxs, n as JSX, r as jsx, t as Fragment } from "./runtime-CgJuBIYZ.mjs";
 export { Fragment, type JSX, jsx, jsxs };

package/dist/{run-BnriyKUu.mjs → run-G4m1APMv.mjs}

@@ -987,10 +987,7 @@ function elementOf(ui, key) {
 const tapCommand = defineCommand({
 	id: "game.tap",
 	title: "Tap",
-	input: {
-		key: "string?",
-		target: "json?"
-	},
+	input: inputSchema(["key", "string?"], ["target", "json?"]),
 	effect: "route",
 	run: (app, { key, target }) => {
 		if ((typeof __MOKU_GAME_DEV__ === "undefined" || !__MOKU_GAME_DEV__) && (typeof __MOKU_GAME_CONTROL__ === "undefined" || !__MOKU_GAME_CONTROL__)) throw controlRefused();
@@ -1018,10 +1015,7 @@ const tapCommand = defineCommand({
 const fillCommand = defineCommand({
 	id: "game.fill",
 	title: "Fill",
-	input: {
-		key: "string",
-		value: "string"
-	},
+	input: inputSchema(["key", "string"], ["value", "string"]),
 	effect: "route",
 	run: (app, { key, value }) => {
 		if ((typeof __MOKU_GAME_DEV__ === "undefined" || !__MOKU_GAME_DEV__) && (typeof __MOKU_GAME_CONTROL__ === "undefined" || !__MOKU_GAME_CONTROL__)) throw controlRefused();
@@ -1048,10 +1042,7 @@ const fillCommand = defineCommand({
 const scrollCommand = defineCommand({
 	id: "game.scroll",
 	title: "Scroll",
-	input: {
-		key: "string",
-		to: "number"
-	},
+	input: inputSchema(["key", "string"], ["to", "number"]),
 	effect: "route",
 	run: (app, { key, to }) => {
 		if ((typeof __MOKU_GAME_DEV__ === "undefined" || !__MOKU_GAME_DEV__) && (typeof __MOKU_GAME_CONTROL__ === "undefined" || !__MOKU_GAME_CONTROL__)) throw controlRefused();

package/dist/{runtime-HwTBjkIL.d.mts → runtime-CgJuBIYZ.d.mts}

@@ -1,4 +1,4 @@
-import { _ as UiIntrinsicElements, a as JsxChild, t as DescriptionNode } from "./types-BAp9HdR4.mjs";
+import { _ as UiIntrinsicElements, a as JsxChild, t as DescriptionNode } from "./types-DGHVGP5i.mjs";
 
 //#region src/plugins/ui/jsx/runtime.d.ts
 /** What the compiler passes as props: the children plus whatever the tag declared. */

package/dist/{sources-DM5Zcl4o.mjs → sources-MfRpM8sV.mjs}

@@ -446,7 +446,7 @@ function locateTarget(app, target) {
 const uiSource = defineSource({
 	id: "game.ui",
 	title: "UI tree",
-	input: {},
+	input: inputSchema(),
 	changes: "frame",
 	read: (app) => app.ui.tree()
 });
@@ -469,10 +469,7 @@ const uiSource = defineSource({
 const locateSource = defineSource({
 	id: "game.locate",
 	title: "Locate",
-	input: {
-		key: "string?",
-		target: "json?"
-	},
+	input: inputSchema(["key", "string?"], ["target", "json?"]),
 	changes: "frame",
 	read: (app, { key, target }) => {
 		if (key !== void 0 && target === void 0) return locateKey(app, key);

package/dist/{src-5qdNjLKN.mjs → src-D5Nyvdhu.mjs}

@@ -27678,7 +27678,7 @@ function writeBlend(sctx, entity, object, blend) {
 * @param texture - The texture to draw, or `undefined` to keep the one it has.
 * @param tint - The tint.
 */
-function writeLook(sctx, entity, object, texture, tint) {
+function writeLook$1(sctx, entity, object, texture, tint) {
 	if (texture !== void 0 && object.texture !== texture) {
 		markView(sctx, entity);
 		object.texture = texture;
@@ -27701,7 +27701,7 @@ function writeLook(sctx, entity, object, texture, tint) {
 */
 function drawPlaceholder(sctx, entity, object, view, value, texture) {
 	const box = boxInto(LAYOUT.box, PLACEHOLDER_BOX, value);
-	writeLook(sctx, entity, object, texture, PLACEHOLDER_TINT);
+	writeLook$1(sctx, entity, object, texture, PLACEHOLDER_TINT);
 	writePoint(sctx, entity, object.anchor, value.anchor.x, value.anchor.y);
 	view.drawScale.x = box.width;
 	view.drawScale.y = box.height;
@@ -27842,10 +27842,10 @@ function writeSprite(sctx, entity, view) {
 	const layout = layoutSpriteInto(LAYOUT, texture, value);
 	if (layout.cover) {
 		const cover = coverTexture(sctx, entity, value.texture, texture, layout.box, layout.crop);
-		writeLook(sctx, entity, object, cover.texture, value.tint);
+		writeLook$1(sctx, entity, object, cover.texture, value.tint);
 		showCover(sctx, entity, view, cover.frameKey);
 	} else {
-		writeLook(sctx, entity, object, texture, value.tint);
+		writeLook$1(sctx, entity, object, texture, value.tint);
 		showCover(sctx, entity, view, "");
 	}
 	writePoint(sctx, entity, object.anchor, layout.anchor.x, layout.anchor.y);
@@ -56667,6 +56667,243 @@ function forgetInstances(state, identity) {
 	for (const key of state.instances.keys()) if (key === identity || key.startsWith(`${identity}|`)) state.instances.delete(key);
 }
 //#endregion
+//#region src/plugins/ui/jsx/look.ts
+/**
+* What moved, from whether the numbers and the other fields of a look did.
+*
+* @param numbers - A numeric field moved.
+* @param others - Another field moved.
+* @returns What moved.
+* @example
+* ```ts
+* moveOf(true, false); // "numbers"
+* ```
+*/
+function moveOf(numbers, others) {
+	if (numbers) return others ? "both" : "numbers";
+	return others ? "others" : "none";
+}
+/**
+* Writes the visual of a live element whose `change` hook of that visual may play (F85). The look
+* of this render is compared with the one the element was last written with: the same look writes
+* nothing, so a running motion of the hook survives a render that changes nothing of it; other
+* fields alone are written at once; a look whose numbers moved plays the hook with the look before
+* and this one. When the hook returns a motion the track brings the numbers home and the other
+* fields are written only when they moved too; with none the look is written whole. ui's part of
+* a numbers-only change allocates nothing (`__tests__/perf/look-write.perf.ts`).
+*
+* @param writer - The reconciler's side: the pass, the values, the play and the writes.
+* @param element - The live element; its `lookPass` and `lookFrom` note a play of this pass.
+* @param value - The visual of this render.
+* @param previous - The look the element was last written with.
+* @param next - The fields of the visual of this render.
+*/
+function writeLook(writer, element, value, previous, next) {
+	const moved = lookMoved(value.type, previous, next);
+	if (moved === "none") return;
+	if (moved === "others") {
+		writer.others(element, value.type, next);
+		return;
+	}
+	const from = element.lookPass === writer.pass && element.lookFrom !== void 0 ? element.lookFrom : previous;
+	writer.values.previous = from;
+	writer.values.next = next;
+	if (!writer.play(element, value.type.componentName, writer.values)) {
+		writer.whole(element, value);
+		return;
+	}
+	element.lookPass = writer.pass;
+	element.lookFrom = from;
+	if (moved === "both") writer.others(element, value.type, next);
+}
+/**
+* Compares the value of a visual a live element was last written with and the value of this
+* render: whether its numeric fields moved, its other fields, both or none. Every
+* visual has its own comparator that reads its fields by name, so each read site meets one shape
+* of value and a fractional number is compared unboxed: per write of an element with a `change`
+* hook of its visual, 0 B (`__tests__/perf/look-moved.perf.ts`). A field the new value leaves out
+* stays on the entity, as a patch leaves it. A type that is none of the four visuals is reported
+* as `"numbers"`: its hook decides.
+*
+* @param type - The component type of the visual.
+* @param previous - The value the element was last written with.
+* @param next - The value of this render.
+* @returns What moved.
+* @example
+* ```ts
+* lookMoved(Shape, Shape({ kind: "arc", sweep: 0.25 }).value, Shape({ kind: "arc", sweep: 0.5 }).value); // "numbers"
+* ```
+*/
+function lookMoved(type, previous, next) {
+	if (type === Shape) return shapeMoved(previous, next);
+	if (type === Sprite) return spriteMoved(previous, next);
+	if (type === NineSlice) return nineSliceMoved(previous, next);
+	if (type === Text) return textMoved(previous, next);
+	return "numbers";
+}
+/**
+* What moved in a `Shape`: its sizes, colours, alphas, radius, stroke and dash are numbers, and
+* the sweep of two arcs; its kind, its clip and the ends of two arcs are not. Only an arc carries
+* `sweep` and `cap`, so they are read between two arcs alone.
+*
+* @param before - The look last written.
+* @param after - The look of this render.
+* @returns What moved.
+* @example
+* ```ts
+* shapeMoved(Shape({ kind: "arc", sweep: 0.2, cap: "round" }).value, Shape({ kind: "arc", sweep: 0.2, cap: "butt" }).value); // "others"
+* ```
+*/
+function shapeMoved(before, after) {
+	const numbers = before.w !== after.w || before.h !== after.h || before.fill !== after.fill || before.fillAlpha !== after.fillAlpha || before.alpha !== after.alpha || before.radius !== after.radius || before.stroke !== after.stroke || before.strokeWidth !== after.strokeWidth || before.dash !== after.dash;
+	const arcs = before.kind === "arc" && after.kind === "arc";
+	const others = before.kind !== after.kind || before.clip !== after.clip || arcs && before.cap !== after.cap;
+	return moveOf(numbers || arcs && before.sweep !== after.sweep, others);
+}
+/**
+* What moved in a `Sprite`: its tint, alpha and size are numbers; its texture, fit, anchor and
+* blend are not.
+*
+* @param before - The look last written.
+* @param after - The look of this render.
+* @returns What moved.
+* @example
+* ```ts
+* spriteMoved(Sprite({ texture: "ui.coin", width: 40 }).value, Sprite({ texture: "ui.coin", width: 80 }).value); // "numbers"
+* ```
+*/
+function spriteMoved(before, after) {
+	return moveOf(before.tint !== after.tint || before.alpha !== after.alpha || before.width !== after.width || before.height !== after.height, before.texture !== after.texture || before.fit !== after.fit || before.anchor.x !== after.anchor.x || before.anchor.y !== after.anchor.y || after.blend !== void 0 && before.blend !== after.blend);
+}
+/**
+* What moved in a `NineSlice`: its size, alpha and tint are numbers; its texture, outline, clip,
+* rim and blend are not.
+*
+* @param before - The look last written.
+* @param after - The look of this render.
+* @returns What moved.
+* @example
+* ```ts
+* nineSliceMoved(NineSlice({ texture: "ui.panel" }).value, NineSlice({ texture: "ui.panel", hollow: true }).value); // "others"
+* ```
+*/
+function nineSliceMoved(before, after) {
+	return moveOf(before.width !== after.width || before.height !== after.height || before.alpha !== after.alpha || before.tint !== after.tint, before.texture !== after.texture || before.debug !== after.debug || before.clip !== after.clip || after.hollow !== void 0 && before.hollow !== after.hollow || after.blend !== void 0 && before.blend !== after.blend);
+}
+/**
+* What moved in a `Text`: its alpha and the box of two texts that wrap at one are numbers; its
+* content, style, bind and anchor are not. A message or a bind written anew compares by what it
+* says. `resolved` is the text plugin's and never compared.
+*
+* @param before - The look last written.
+* @param after - The look of this render.
+* @returns What moved.
+* @example
+* ```ts
+* textMoved(Text({ content: "Play" }).value, Text({ content: "Play", alpha: 0.5 }).value); // "numbers"
+* ```
+*/
+function textMoved(before, after) {
+	const boxes = "box" in before && "box" in after;
+	return moveOf(before.alpha !== after.alpha || boxes && before.box !== after.box, !boxes && "box" in after || before.style !== after.style || before.anchor.x !== after.anchor.x || before.anchor.y !== after.anchor.y || before.content !== after.content && !sameMessage(before.content, after.content) || before.bind !== after.bind && !sameBind(before.bind, after.bind));
+}
+/**
+* Tells whether two contents of a text say the same: two messages of one key with the same
+* arguments, each compared by identity. Two strings are the same only when they are equal.
+*
+* @param before - The content last written.
+* @param after - The content of this render.
+* @returns True when the text says the same.
+* @example
+* ```ts
+* sameMessage({ key: "hud.coins", params: { n: 5 } }, { key: "hud.coins", params: { n: 5 } }); // true
+* ```
+*/
+function sameMessage(before, after) {
+	if (typeof before === "string" || typeof after === "string") return before === after;
+	return before.key === after.key && sameArguments(before.params, after.params);
+}
+/**
+* Tells whether the arguments of two messages hold the same values under the same names: a
+* `for…in` over each, every value compared by identity.
+*
+* @param before - The arguments last written.
+* @param after - The arguments of this render.
+* @returns True when both hold the same.
+* @example
+* ```ts
+* sameArguments({ n: 5 }, { n: 6 }); // false
+* ```
+*/
+function sameArguments(before, after) {
+	if (before === after) return true;
+	if (before === void 0 || after === void 0) return false;
+	for (const name in after) if (!(name in before) || before[name] !== after[name]) return false;
+	for (const name in before) if (!(name in after)) return false;
+	return true;
+}
+/**
+* Tells whether two binds of a text show the same field of the same component in one format.
+*
+* @param before - The bind last written.
+* @param after - The bind of this render.
+* @returns True when both show the same.
+* @example
+* ```ts
+* sameBind({ component: "Counter", field: "value", format: "int" }, { component: "Counter", field: "value", format: "mm:ss" }); // false
+* ```
+*/
+function sameBind(before, after) {
+	if (before === void 0 || after === void 0) return before === after;
+	return before.component === after.component && before.field === after.field && before.format === after.format;
+}
+/**
+* The fields of a visual a render writes directly while its `change` hook brings the numbers
+* home: every field that is no number, without the ones the component type gives to a plugin.
+*
+* @param value - The value of this render.
+* @param owned - The fields the component type gives to a plugin.
+* @returns The patch, or `undefined` when every field is a number.
+* @example
+* ```ts
+* otherFields({ kind: "arc", w: 32, sweep: 0.5, cap: "butt" }, []); // { kind: "arc", cap: "butt" }
+* ```
+*/
+function otherFields(value, owned) {
+	let patch;
+	for (const [field, entry] of Object.entries(value)) {
+		if (typeof entry === "number" || owned.includes(field)) continue;
+		patch ??= {};
+		patch[field] = entry;
+	}
+	return patch;
+}
+/**
+* Names, once per element and hook name, every `change` hook of an element `ui` never plays: not
+* `Box`, not `Transform`, not the visual it is drawn with, not an extra of its `components` prop.
+* Read when the element mounts and when its `motion` prop changes, against what it carries then.
+* Its effect is the log and the note: each such hook is logged at warn as `ui:change-never-plays`
+* `{ key, name }` and noted in the element's `warned`, which keeps it from being named again.
+*
+* @param ctx - Domain context of the ui plugin.
+* @param element - The live element, its visual and its extras written.
+*/
+function warnIdleChanges(ctx, element) {
+	const change = element.motion?.change;
+	if (change === void 0) return;
+	const visual = element.look?.type.componentName;
+	for (const name of Object.keys(change)) {
+		const plays = name === "Box" || name === "Transform" || name === visual || element.extras.has(name);
+		const once = `change-never-plays:${name}`;
+		if (plays || element.warned.has(once)) continue;
+		element.warned.add(once);
+		ctx.log.warn("ui:change-never-plays", {
+			key: element.key ?? element.identity,
+			name
+		});
+	}
+}
+//#endregion
 //#region src/plugins/ui/jsx/order.ts
 /**
 * @file ui — the draw order of a child element among its siblings: a composite `Order` below its `zIndex` step.
@@ -57259,6 +57496,8 @@ function concatTypes(...lists) {
 }
 /** Every type a live element may carry and drop again: the visuals, then the inputs. */
 const LIVE_TYPES = concatTypes(VISUALS, INPUTS);
+/** What the values of a look write hold before the first play: no look. */
+const NO_LOOK = Object.freeze({});
 /** The owned fields of a type that gives none to a plugin: one list, never a new one. */
 const NO_OWNED = [];
 /** The time of a reconcile a test steps by hand: no ms pass, so no scroll moves. */
@@ -57686,6 +57925,16 @@ function entitySet(entities) {
 	return new Set(entities);
 }
 /**
+* Collects the identities of the children of one render. Its own function, because lint rule L5
+* refuses a collection built inside an exported declaration.
+*
+* @param identities - The identities, in markup order.
+* @returns The identities as a set.
+*/
+function identitySet(identities) {
+	return new Set(identities);
+}
+/**
 * Tells whether an element whose `Box` just came arrives with an enter: new, and not a row a
 * range change scrolled in.
 *
@@ -57731,6 +57980,16 @@ function createReconciler(ctx, modules, fields) {
 	let rendered = 0;
 	const isAside = (entity) => ctx.deps.world.projection.isBuilding(entity);
 	let released = false;
+	const lookWriter = {
+		pass: 0,
+		values: {
+			previous: NO_LOOK,
+			next: NO_LOOK
+		},
+		play: (element, name, values) => modules.layout.changeExtra(element, name, values, hintOf(state, element)),
+		whole: (element, value) => writeValue(element, value),
+		others: (element, type, next) => writeOthers(element, next, type)
+	};
 	/**
 	* Registers the key of an element under its root, so `entityOf` and `find` answer for it. A key
 	* `ui` gave a node of its own, a spacer's, is never registered.
@@ -57822,7 +58081,8 @@ function createReconciler(ctx, modules, fields) {
 			extraHandles: handleMap(),
 			warnedOwned: nameSet(),
 			warned: nameSet(),
-			scrolledIn: range.isMoving()
+			scrolledIn: range.isMoving(),
+			look: void 0
 		};
 		state.styled += 1;
 		state.elements.set(entity, element);
@@ -57976,12 +58236,13 @@ function createReconciler(ctx, modules, fields) {
 	/**
 	* Writes the visual and input components of a live element again. A visual or an input the
 	* element no longer carries is removed, so a variant can trade the rectangle for a nine-slice and
-	* back, and a button that became disabled stops answering the gate. `Scroll`, `Scrollable` and
-	* `ScrollState` are only ever added: where a scroll stands belongs to the finger and the scroll
-	* step, and a new look or a new rect never resets it. The look written is recorded as the rest
-	* of the visual, so the rest the world holds is always the one the element is drawn with: a
-	* restore brings it back to exactly that. The extras of the `components` prop are diffed last.
-	* Every call is one write pass of `UiCounters`.
+	* back, and a button that became disabled stops answering the gate; a visual traded away takes
+	* the motion of its `change` hook with it. `Scroll`, `Scrollable` and `ScrollState` are only ever
+	* added: where a scroll stands belongs to the finger and the scroll step, and a new look or a new
+	* rect never resets it. The look is recorded as the rest of the visual before it is written, so
+	* the rest the world holds is always the one the element is drawn with (a restore brings it back
+	* to exactly that) and a `change` hook of the visual brings it home with `toRest`. The extras of
+	* the `components` prop are diffed last. Every call is one write pass of `UiCounters`.
 	*
 	* @param element - The element that changed.
 	*/
@@ -57990,13 +58251,50 @@ function createReconciler(ctx, modules, fields) {
 		writeOrder(element);
 		const visuals = visualOf$1(element);
 		const inputs = inputOf(element);
-		for (const type of LIVE_TYPES) if (!carries(visuals, type) && !carries(inputs, type) && ecs.has(element.entity, type)) ecs.remove(element.entity, type);
-		for (const value of visuals) writeValue(element, value);
-		for (const value of inputs) writeValue(element, value);
+		for (const type of LIVE_TYPES) if (!carries(visuals, type) && !carries(inputs, type) && ecs.has(element.entity, type)) {
+			cancelExtra(element, type.componentName);
+			ecs.remove(element.entity, type);
+		}
 		for (const value of visuals) recordRest(ctx, element, value);
+		for (const value of visuals) writeVisual(element, value);
+		for (const value of inputs) writeValue(element, value);
 		writeExtras(element);
 	}
 	/**
+	* Writes the visual of a live element. Without a `change` hook of its name, or for a visual
+	* traded in, it is written like every other value. With one, the look decides what is written
+	* (`writeLook`, F85): nothing for the same look, the other fields alone, or the hook's play, after
+	* which the track brings the numbers home; an element held for the swap of a scene build plays
+	* none and is written whole.
+	*
+	* @param element - The live element.
+	* @param value - The visual of this render.
+	*/
+	function writeVisual(element, value) {
+		const look = element.look;
+		element.look = value;
+		const isHooked = element.motion?.change?.[value.type.componentName] !== void 0;
+		const previous = look === void 0 || look.type !== value.type ? true : look.value;
+		const next = value.value;
+		if (!isHooked || previous === true || next === true || !ecs.has(element.entity, value.type)) {
+			writeValue(element, value);
+			return;
+		}
+		writeLook(lookWriter, element, value, previous, next);
+	}
+	/**
+	* Writes the fields of a visual that are no number, while a `change` hook brings the numbers
+	* home, never a field its type gives to a plugin.
+	*
+	* @param element - The live element.
+	* @param value - The fields of the visual of this render.
+	* @param type - Its component type.
+	*/
+	function writeOthers(element, value, type) {
+		const others = otherFields(value, ecs.typeOf(type.componentName)?.owned ?? NO_OWNED);
+		if (others !== void 0) ecs.set(element.entity, asHandle(type), others);
+	}
+	/**
 	* Writes one visual or input value onto a live element: added when the entity lacks it, else
 	* its fields patched, but never a tag or the state of a scroll, and never a field its type gives
 	* to a plugin.
@@ -58092,6 +58390,7 @@ function createReconciler(ctx, modules, fields) {
 		const change = compare(root, element, node);
 		const motion = node.props.motion;
 		const loopChanged = !sameLoop(element.motion?.loop, motion?.loop);
+		const motionChanged = motion !== element.motion;
 		if (typeof __MOKU_GAME_DEV__ !== "undefined" && __MOKU_GAME_DEV__) countRebuild(element, element.motion?.loop, motion?.loop);
 		if (!change.unchanged) delete element.basis;
 		element.node = node;
@@ -58109,6 +58408,7 @@ function createReconciler(ctx, modules, fields) {
 				rowHeight: change.rowHeight
 			};
 		}
+		if (typeof __MOKU_GAME_DEV__ !== "undefined" && __MOKU_GAME_DEV__ && motionChanged && element.live) warnIdleChanges(ctx, element);
 		diffChildren(root, element, childrenOf(node, range.slotsFor(element), element.scroll?.axis), instance);
 	}
 	/**
@@ -58167,18 +58467,20 @@ function createReconciler(ctx, modules, fields) {
 		};
 	}
 	/**
-	* Places one node: enter, patch, or exit and enter when the type at that key changed.
+	* Places one node: enter, patch, or exit and enter when the element at its identity is another
+	* one now: a component whose view returned another tag or another key. The old element leaves
+	* first, with its exit, so the new one takes the keys they share; the component itself stays and
+	* keeps its local state.
 	*
 	* @param root - The root being reconciled.
 	* @param parent - The parent element, or nothing.
 	* @param node - The node the markup wrote.
 	* @param index - Its position among its siblings.
-	* @param parentIdentity - The identity of the parent element.
+	* @param identity - Its identity: `identityOf` the parent, the node and the index.
 	* @param instance - The identity of the nearest component instance.
 	* @returns The entity of the element, or `undefined` when a component view threw.
 	*/
-	function diffNode(root, parent, node, index, parentIdentity, instance) {
-		const identity = identityOf(parentIdentity, node, index);
+	function diffNode(root, parent, node, index, identity, instance) {
 		const expanded = expand(node, identity);
 		const view = expanded.node;
 		const owner = expanded.instance ?? instance;
@@ -58186,15 +58488,29 @@ function createReconciler(ctx, modules, fields) {
 		if (effective === void 0) return state.byIdentity.get(identity);
 		const existing = state.byIdentity.get(identity);
 		const element = existing === void 0 ? void 0 : state.elements.get(existing);
-		if (element !== void 0 && element.type === effective.type) {
+		if (element !== void 0 && element.type === effective.type && element.key === effective.key) {
 			patch(root, element, effective, owner);
 			return element.entity;
 		}
-		if (element !== void 0) exitElement(element, "change");
+		if (element !== void 0) replaceElement(element, identity);
 		return enter(root, parent, effective, identity, owner, index);
 	}
 	/**
-	* Diffs the children of one element and re-places them once when the list changed.
+	* Exits the element a component's view returned before, at the component's own identity. The
+	* instances under it are forgotten with it; the component's own instance stays: the local state
+	* belongs to the component, which is still there.
+	*
+	* @param element - The element the view returned before.
+	* @param identity - The identity of the component node.
+	*/
+	function replaceElement(element, identity) {
+		const own = state.instances.get(identity);
+		exitElement(element, "change");
+		if (own !== void 0) state.instances.set(identity, own);
+	}
+	/**
+	* Diffs the children of one element and re-places them once when the list changed. The old
+	* children the render leaves out start their exit before any new child enters.
 	*
 	* @param root - The root being reconciled.
 	* @param parent - The element whose children are diffed.
@@ -58202,19 +58518,18 @@ function createReconciler(ctx, modules, fields) {
 	* @param instance - The identity of the nearest component instance.
 	*/
 	function diffChildren(root, parent, nodes, instance) {
+		const identities = nodes.map((node, index) => identityOf(parent.identity, node, index));
+		leaveOut(parent, identities);
 		const next = [];
 		for (const [index, node] of nodes.entries()) {
-			const entity = diffNode(root, parent, node, index, parent.identity, instance);
+			const entity = diffNode(root, parent, node, index, identities[index] ?? identityOf(parent.identity, node, index), instance);
 			if (entity !== void 0) next.push(entity);
 		}
 		const kept = entitySet(next);
-		const dropsRows = range.dropsRowsOf(parent);
 		for (const old of parent.children) {
-			if (kept.has(old)) continue;
+			if (kept.has(old) || state.exiting.has(old)) continue;
 			const element = state.elements.get(old);
-			if (element === void 0) continue;
-			if (dropsRows) range.dropRow(element);
-			else exitElement(element, "change");
+			if (element !== void 0) removeChild(parent, element);
 		}
 		const same = next.length === parent.children.length && next.every((entity, index) => parent.children[index] === entity);
 		parent.children = next;
@@ -58224,6 +58539,33 @@ function createReconciler(ctx, modules, fields) {
 		root.needsSolve = true;
 	}
 	/**
+	* Takes out every old child of an element whose identity no node of this render has: its exit
+	* starts, and everything under it plays its own, before a new child enters.
+	*
+	* @param parent - The element whose children are diffed.
+	* @param identities - The identities of the children of this render, in markup order.
+	*/
+	function leaveOut(parent, identities) {
+		let listed;
+		for (const [index, old] of parent.children.entries()) {
+			const element = state.elements.get(old);
+			if (element === void 0 || identities[index] === element.identity) continue;
+			listed ??= identitySet(identities);
+			if (!listed.has(element.identity)) removeChild(parent, element);
+		}
+	}
+	/**
+	* Removes one child a render left out: its exit starts. A row that a range change took out of a
+	* windowed scroll is not removed: it is dropped at once, with no exit motion.
+	*
+	* @param parent - The element whose children are diffed.
+	* @param element - The child that leaves.
+	*/
+	function removeChild(parent, element) {
+		if (range.dropsRowsOf(parent)) range.dropRow(element);
+		else exitElement(element, "change");
+	}
+	/**
 	* Starts the exit of an element and of everything under it. An element of a root built aside was
 	* never seen: it goes at once, with no exit (spec 31).
 	*
@@ -58412,8 +58754,12 @@ function createReconciler(ctx, modules, fields) {
 		warnOwned(element);
 		for (const value of element.extras.values()) recordRest(ctx, element, value);
 		if (overlayOf(element) !== void 0) ecs.add(element.entity, OverlayLevel());
-		for (const value of componentsOf(element, root)) ecs.add(element.entity, value);
+		for (const value of componentsOf(element, root)) {
+			ecs.add(element.entity, value);
+			if (VISUALS.includes(value.type)) element.look = value;
+		}
 		element.live = true;
+		if (typeof __MOKU_GAME_DEV__ !== "undefined" && __MOKU_GAME_DEV__) warnIdleChanges(ctx, element);
 		if (state.hosts.has(element.entity)) state.risen.add(element.entity);
 	}
 	/**
@@ -58777,14 +59123,17 @@ function createReconciler(ctx, modules, fields) {
 	/**
 	* Reconciles one root from the node its `Tree` carries. Its first build reads how the root came,
 	* from the world's view record, which exists by now; the elements entered by this diff take that
-	* cause, and the elements of any later diff take `"change"` (spec 16 U4).
+	* cause, and the elements of any later diff take `"change"` (spec 16 U4). A tree whose top has
+	* another identity, another key or tag, replaces the root element: the old one exits first.
 	*
 	* @param root - The root to reconcile.
 	*/
 	function reconcileRoot(root) {
-		const identity = String(root.entity);
+		const identity = identityOf(String(root.entity), root.tree, 0);
 		const first = root.element === void 0;
 		if (first) root.cause ??= ctx.deps.world.projection.causeOf(root.entity) ?? "change";
+		const previous = root.element === void 0 ? void 0 : lookup(root.element);
+		if (previous !== void 0 && previous.identity !== identity) exitElement(previous, "change");
 		state.building = first ? root.cause : "change";
 		try {
 			root.element = diffNode(root, void 0, root.tree, 0, identity);
@@ -58932,6 +59281,7 @@ function createReconciler(ctx, modules, fields) {
 	function reconcile(time = NO_TIME) {
 		sweep();
 		state.reconciles += 1;
+		lookWriter.pass += 1;
 		settleAside();
 		if (state.remount) remountRoots();
 		reorderRoots();
@@ -59103,6 +59453,7 @@ function createReconciler(ctx, modules, fields) {
 		const element = state.elements.get(entity);
 		if (element === void 0) return;
 		element.is[flag] = on;
+		lookWriter.pass += 1;
 		const style = styleFor(parentOf(element), element.node, element.is);
 		const root = state.roots.get(element.root);
 		const moved = modules.layout.affectsRect(element.style, style);
@@ -59888,14 +60239,15 @@ function noteEndless(element, motion) {
 	element.endless.add(motion);
 }
 /**
-* Plays the `change` hook of one extra component whose fields changed. The motion the last change
-* of that name started is cancelled first, so its value stays where it is and the new motion
-* starts from there; the new motion is kept with the element's handles, so an exit waits for it.
-* An element held for the swap of a scene build plays none: the caller writes the fields.
+* Plays the `change` hook of one extra component whose fields changed, or of the visual whose
+* numbers moved (F85). The motion the last change of that name started is cancelled first, so its
+* value stays where it is and the new motion starts from there; the new motion is kept with the
+* element's handles, so an exit waits for it. An element held for the swap of a scene build plays
+* none: the caller writes the fields.
 *
 * @param ctx - Domain context of the ui plugin.
-* @param element - The element that carries the extra.
-* @param name - The component name of the extra.
+* @param element - The element that carries the component.
+* @param name - The component name of the extra or the visual.
 * @param values - The value of the last render and of this one.
 * @param values.previous - The value of the last render.
 * @param values.next - The value of this render.

package/dist/testing.d.mts

@@ -1,6 +1,6 @@
 import { $n as FeaturePlugin, Dr as Json, dr as Descriptor, gr as NodeFx, hr as Hint, sr as NodeTable, tr as AnyFlow, xr as FakeClock, yr as ClockSource } from "./types-D27I4Q7b.mjs";
-import { t as createApp } from "./index-DMeqKGSu.mjs";
-import { b as saveOf, v as WithGameState, y as memory } from "./types-DmU_qlvA.mjs";
+import { t as createApp } from "./index-ChuOBsZB.mjs";
+import { b as saveOf, v as WithGameState, y as memory } from "./types-CF6CJ55K.mjs";
 import { a as createHeadless, i as ReproResult, n as HeadlessGame, o as runRepro, r as Repro, s as stepFrames, t as HeadlessApp } from "./headless-f31cEZ7f.mjs";
 import { AnyPluginInstance } from "@moku-labs/core";
 

package/dist/testing.mjs

@@ -1,4 +1,4 @@
-import { en as refuseStart, in as type, m as flattenFeatures, t as createApp, tn as exit } from "./src-5qdNjLKN.mjs";
+import { en as refuseStart, in as type, m as flattenFeatures, t as createApp, tn as exit } from "./src-D5Nyvdhu.mjs";
 import { n as saveOf, t as memory } from "./memory-CWlqhS7l.mjs";
 import { n as fakeClock } from "./fake-hnJcJeYf.mjs";
 import { i as stepFrames, r as runRepro, t as createHeadless } from "./headless-Bxxl_mQX.mjs";

package/dist/{types-DHamyZq1.d.mts → types-BqfwZ_lM.d.mts}

@@ -1,5 +1,5 @@
 import { $ as PixiModule, A as SyncApi, An as NumericFields, Dr as Json, En as Ease, Er as Events$3, Fn as TrackSegment, Ln as Api$2, Nn as ReducedMotion, O as FilterSlot, Pn as TrackOptions, Q as PixiFilter, Ur as Events$5, Y as Api$4, b as Events$4, dr as Descriptor, et as PixiSprite, fn as ComponentType, ft as FilterCache, k as FilterSlotInputs, kn as MotionHandle, ln as AnyComponentValue, mn as Entity, ni as Events$2, nn as Api$3, qr as Api$1, ri as Require, s as Events$1, sn as AnyComponent, t as Api$5, tt as PixiTexture, un as ComponentHandle, ur as TypeTag, ut as Point, wr as Api$6 } from "./types-D27I4Q7b.mjs";
-import { N as InputApi, R as I18nApi, X as StylesState, c as UiNode, i as Finding, l as LayoutState, n as ElementChange, o as JsxState, r as ElementMotion, w as TextApi } from "./types-BAp9HdR4.mjs";
+import { N as InputApi, R as I18nApi, X as StylesState, c as UiNode, i as Finding, l as LayoutState, n as ElementChange, o as JsxState, r as ElementMotion, w as TextApi } from "./types-DGHVGP5i.mjs";
 import { Log } from "@moku-labs/common/browser";
 import { PluginCtx } from "@moku-labs/core";
 

package/dist/{types-DmU_qlvA.d.mts → types-CF6CJ55K.d.mts}

@@ -1,7 +1,7 @@
 import { $ as PixiModule, $n as FeaturePlugin, Dr as Json, Lr as SnapshotOf, Mr as PlayerStateProvider, Nr as ProviderCall, Pr as SaveDoc, Tr as Config, X as Config$2, a as Config$3, d as Manifest, lt as Orientation, n as AssetsIo, tr as AnyFlow, ur as TypeTag, xr as FakeClock, yr as ClockSource, zn as Config$1 } from "./types-D27I4Q7b.mjs";
-import { o as AudioContextLike, s as Config$4 } from "./types-DHamyZq1.mjs";
-import { R as I18nApi, U as StringTable, W as TextKey } from "./types-BAp9HdR4.mjs";
-import { St as effectsPlugin, Tt as audioPlugin, ht as PlatformProvider, i as screen, pt as platformPlugin, t as createApp } from "./index-DMeqKGSu.mjs";
+import { o as AudioContextLike, s as Config$4 } from "./types-BqfwZ_lM.mjs";
+import { R as I18nApi, U as StringTable, W as TextKey } from "./types-DGHVGP5i.mjs";
+import { St as effectsPlugin, Tt as audioPlugin, ht as PlatformProvider, i as screen, pt as platformPlugin, t as createApp } from "./index-ChuOBsZB.mjs";
 import { AnyPluginInstance } from "@moku-labs/core";
 
 //#region src/plugins/model/store/providers/memory.d.ts

package/dist/{types-BAp9HdR4.d.mts → types-DGHVGP5i.d.mts}

@@ -2502,9 +2502,12 @@ type ElementChange<Value> = (view: ViewHandle<unknown>, previous: Value, next: V
 /**
  * The motion hooks of one element: the hook triple of `world.projection`, which `defineMotion`
  * of `anim` returns. `ui` plays the `change` hooks of `Box` (the rects), of `Transform` (the rest
- * poses) and of every extra component of the `components` prop (its values before and after). A
- * hook for any other component name is accepted, so every `defineMotion` result fits, and `ui`
- * never plays it. Every hook gets the hint routed to the element's key in that frame step.
+ * poses), of the visual the element is drawn with (`Shape`, `Sprite`, `NineSlice` or `Text`: its
+ * values before and after, when a render or a restyle moves a number of it) and of every extra
+ * component of the `components` prop (its values before and after). A hook for any other
+ * component name is accepted, so every `defineMotion` result fits; `ui` never plays it, and a dev
+ * build names it once (`ui:change-never-plays`). Every hook gets the hint routed to the element's
+ * key in that frame step.
  *
  * @example
  * ```ts
@@ -2648,27 +2651,29 @@ type StyleBasis = {
 };
 /**
  * One live element: the entity, the Yoga node, the resolved style and the place in the tree.
- * `rect` is natural: under a `fit` ancestor it is the rect before that ancestor's scale. `fit`
- * is the element's own fit scale (1 without `fit: "contain"`), and `rest` the rest `Transform`
- * last written for it. `loop` is the motion of the running `loop` hook, kept apart from
- * `handles`: it never ends, so the exit sweep must not wait for it. `extras` holds the values of
- * the `components` prop added last time, by component name; `extraHandles` the motion the last
- * `change` hook of each of them returned; `warnedOwned` the names of the `components` values the
- * element owns that were already logged. A windowed scroll carries its `window` and the one-time
- * warnings of its props in `warned`; `scrolledIn` marks an element a range change of a windowed
- * scroll created: it plays no `enter` hook. A scroll carries its `scroll` motion from its enter. A text or an icon that sizes itself keeps in
- * `measuredSize` what its measure function last answered, before Yoga's clamp: a bound text whose
- * new string measures the same asks for no solve. `measuredWidth` is the width Yoga offered that
- * call when the text wrapped at it (only a `"box"` style does), `undefined` otherwise: such a text
- * is measured again at its laid-out width and gets a `Text.box`, any other gets none. `basis` is what `style` was resolved on, set
- * once the style is on the layout node and the components are written; an element without one is
- * patched in full at its next patch. `index` is its place among the element children of its parent
- * at the last diff (0 for a root element): with its `zIndex` it gives the child its `Order`.
- * `cause` is why the element appeared: `"mount"` when it came with the first build of its root and
- * the root came by a mount, `"change"` otherwise; its `enter` hook is told. `rebuilds` counts the
- * patches in a row that brought a loop of another reference that is not really another loop: a
- * dev build names the element once it reaches three. `endless` holds the motions a hook returned
- * after it started a track that repeats forever: they never end, so no exit waits for them (F42).
+ * `rect` is natural: under a `fit` ancestor it is the rect before that ancestor's scale. `fit` is
+ * the element's own fit scale (1 without `fit: "contain"`), and `rest` the rest `Transform` last
+ * written for it. `loop` is the motion of the running `loop` hook, kept apart from `handles`: it
+ * never ends, so the exit sweep must not wait for it. `extras` holds the values of the
+ * `components` prop added last time, by component name; `extraHandles` the motion the last
+ * `change` hook of each of them and of the visual returned; `warnedOwned` the names of the
+ * `components` values the element owns that were already logged. A windowed scroll carries its
+ * `window` and the one-time warnings of its props in `warned`; `scrolledIn` marks an element a
+ * range change of a windowed scroll created: it plays no `enter` hook. A scroll carries its
+ * `scroll` motion from its enter. A text or an icon that sizes itself keeps in `measuredSize` what
+ * its measure function last answered, before Yoga's clamp: a bound text whose new string measures
+ * the same asks for no solve. `measuredWidth` is the width Yoga offered that call when the text
+ * wrapped at it (only a `"box"` style does), `undefined` otherwise: such a text is measured again
+ * at its laid-out width and gets a `Text.box`, any other gets none. `basis` is what `style` was
+ * resolved on, set once the style is on the layout node and the components are written; an
+ * element without one is patched in full at its next patch. `index` is its place among the
+ * element children of its parent at the last diff (0 for a root element): with its `zIndex` it
+ * gives the child its `Order`. `cause` is why the element appeared: `"mount"` when it came with
+ * the first build of its root and the root came by a mount, `"change"` otherwise; its `enter` hook
+ * is told. `rebuilds` counts the patches in a row that brought a loop of another reference that is
+ * not really another loop: a dev build names the element once it reaches three. `endless` holds
+ * the motions a hook returned after it started a track that repeats forever: they never end, so
+ * no exit waits for them (F42).
  */
 type Element = {
   entity: Entity;
@@ -2724,7 +2729,10 @@ type Element = {
   blended?: boolean;
   basis?: StyleBasis; /** The motions of its hooks that started a `repeat: "forever"` track; made with the first one. */
   endless?: Set<MotionHandle>; /** What its enter hook did at the `Box`, until `ui.enter` keeps the play or plays it again (F49). */
-  posed?: PosedEnter | undefined;
+  posed?: PosedEnter | undefined; /** The value of its visual last written: what a `change` hook of the visual gets as the value before (F85). */
+  look?: AnyComponentValue | undefined; /** The write pass in which a `change` hook of its visual last returned a motion. */
+  lookPass?: number | undefined; /** The value of its visual before that pass: a second write in the pass plays the hook from it. */
+  lookFrom?: object | undefined;
 };
 /**
  * One `set` of an enter hook: the fields it wrote, and the values they had before. A hook may write any component of

package/dist/{visual-DEo5Hndx.d.mts → visual-C2HHHs46.d.mts}

@@ -1,9 +1,9 @@
 import { Vr as Api$3, Y as Api, nn as Api$1, vr as Api$4, wr as Api$2 } from "./types-D27I4Q7b.mjs";
-import { P as AnimApi, r as UiApi } from "./types-DHamyZq1.mjs";
-import { N as InputApi } from "./types-BAp9HdR4.mjs";
+import { P as AnimApi, r as UiApi } from "./types-BqfwZ_lM.mjs";
+import { N as InputApi } from "./types-DGHVGP5i.mjs";
 import { r as Repro } from "./headless-f31cEZ7f.mjs";
 import { a as InputOf, r as ControlApp } from "./types-CgE5L_7f.mjs";
-import { t as commands } from "./commands-C8N_rpwt.mjs";
+import { t as commands } from "./commands-C1gTg70a.mjs";
 
 //#region src/visual/types.d.ts
 /** The base commands of the `/control` door, keyed by their short names. */

package/dist/visual.d.mts

@@ -1,2 +1,2 @@
-import { a as VisualApp, c as VisualRenderer, d as VisualStart, f as VisualStep, h as VisualTolerance, i as CheckpointResult, l as VisualReport, m as VisualTestResult, n as runVisualTests, o as VisualOptions, p as VisualTest, r as defineVisualTest, s as VisualPage, t as parseVisualArgv, u as VisualSetup } from "./visual-DEo5Hndx.mjs";
+import { a as VisualApp, c as VisualRenderer, d as VisualStart, f as VisualStep, h as VisualTolerance, i as CheckpointResult, l as VisualReport, m as VisualTestResult, n as runVisualTests, o as VisualOptions, p as VisualTest, r as defineVisualTest, s as VisualPage, t as parseVisualArgv, u as VisualSetup } from "./visual-C2HHHs46.mjs";
 export { type CheckpointResult, type VisualApp, type VisualOptions, type VisualPage, type VisualRenderer, type VisualReport, type VisualSetup, type VisualStart, type VisualStep, type VisualTest, type VisualTestResult, type VisualTolerance, defineVisualTest, parseVisualArgv, runVisualTests };

package/dist/visual.mjs

@@ -1,6 +1,6 @@
 import { t as VISUAL_CLOCK } from "./fake-hnJcJeYf.mjs";
-import { n as read, t as sources } from "./sources-DM5Zcl4o.mjs";
-import { n as commands, t as run } from "./run-BnriyKUu.mjs";
+import { n as read, t as sources } from "./sources-MfRpM8sV.mjs";
+import { n as commands, t as run } from "./run-G4m1APMv.mjs";
 import path from "node:path";
 import { createBrandConsole } from "@moku-labs/common/cli";
 import { mkdir, readFile, writeFile } from "node:fs/promises";

package/llms.txt

@@ -550,7 +550,7 @@ The graph. Modules `runner`, `gate`, `inbox`, `fx`, `features`. Runner methods s
 
 A screen is a projection whose `view` returns JSX. The game's `tsconfig.json` sets `"jsx": "react-jsx"` and `"jsxImportSource": "@moku-labs/game"`; screens are `.tsx` files. There is no DOM and no React.
 
-- Tags: `screen`, `layer`, `row`, `column`, `stack`, `spacer`, `panel` (swallows taps), `image` (`texture`, `fit?: "contain" | "cover" | "fill"`), `icon` (`name`, `fit?`), `text` (`content: string | Message`, or `bind={bind(Counter, "value")}` with `components={[Counter({ value })]}`; formats `int`, `mm:ss`, `h:mm:ss`, `duration`; `Countdown({ until })` with `bind(Countdown, "left", { format: "mm:ss" })` counts down to a `clock` moment; `style` is a text style key), `button` (`intent` + `payload`, or `local`, never both), `scroll` (`axis?: "x" | "y"` (`"y"`), fixed at spawn, another one later warns `ui:scroll-axis-fixed`; children for a short list, laid out as a column on `y` and a row on `x`, or the windowed form `rows`, `rowHeight`, `overscan?` (5), `row: index => node`, on `y` only: `axis: "x"` with `rows` throws `[game] A windowed scroll moves on y only.`; row state belongs in the model, a row that leaves the window loses its local state; `snap?: number[]` stops in offsets, kept inside `0..max`: a release glides to the stop nearest `offset + v × 260` (v in units a ms) on `1 − (1 − p)³` over `min(620, 260 + distance × 1.1)` ms; without `snap` a release flings, `v ×= 0.998` a ms until under 0.02, 0 when the finger rested over 50 ms; `offset?: number` (0) where it stands from the start, drawn there in its first frame, a new value glides there, the same value does nothing; hard edges, nothing passes on to a parent scroll; a press on a child that leaves the tap slop along the scroll's axis goes to the scroll and the child answers nothing, a finger on a moving scroll only stops it; every number in `time.delta` ms, so a time scale applies; the public component `ScrollState { offset, max, moving }` on its entity, whole units `0..max`, written when it changes and once with `moving: false` when it stops, read by a system and by `game.explain`; `app.ui.scroll(key, to)` and the visual step `{ scroll: { key, to } }` set it at once), `input` (a text field; its text lives in the component's `local`, see the ui README). Common props: `key`, `style`, `state: { active?, disabled?, selected? }`, `motion`, `components` (extra component values for the element's entity, such as a filter: `components={[Glow({ strength: 2 })]}`, or `DebugTrigger()`: five taps within 3000 ms of wall time on that view call `app.debug.overlay.open()` on a page with the agent flag, nothing elsewhere; put it on a `button` naming nothing); containers take `hosts?: string[]` (projections drawn inside the element: world views hang under it from the slot's first frame; a JSX projection is laid out in the slot's content box). Children draw and are hit in markup order at equal `zIndex`; the roots of a scene draw in the order of its `projections` (the `ui` layer sorts by `Order`; `ui: { sort: "none" }` keeps insertion order). `defineMotion({ when: "change" })` plays its `enter` and `exit` only for a commit or a popup, never when its screen mounts or unmounts; declare a motion at module level (`ui:motion-rebuilt` names a loop rebuilt in a view). Style adds `nineSlice`, `tint`, `offsetX`, `offsetY`, `scale`, `origin`, `fit: "contain"`; state variants `is: { hover, pressed, disabled, active, selected, covered }`. `popup(Component, props, { over })` stacks a popup over a kept one.
+- Tags: `screen`, `layer`, `row`, `column`, `stack`, `spacer`, `panel` (swallows taps), `image` (`texture`, `fit?: "contain" | "cover" | "fill"`), `icon` (`name`, `fit?`), `text` (`content: string | Message`, or `bind={bind(Counter, "value")}` with `components={[Counter({ value })]}`; formats `int`, `mm:ss`, `h:mm:ss`, `duration`; `Countdown({ until })` with `bind(Countdown, "left", { format: "mm:ss" })` counts down to a `clock` moment; `style` is a text style key), `button` (`intent` + `payload`, or `local`, never both), `scroll` (`axis?: "x" | "y"` (`"y"`), fixed at spawn, another one later warns `ui:scroll-axis-fixed`; children for a short list, laid out as a column on `y` and a row on `x`, or the windowed form `rows`, `rowHeight`, `overscan?` (5), `row: index => node`, on `y` only: `axis: "x"` with `rows` throws `[game] A windowed scroll moves on y only.`; row state belongs in the model, a row that leaves the window loses its local state; `snap?: number[]` stops in offsets, kept inside `0..max`: a release glides to the stop nearest `offset + v × 260` (v in units a ms) on `1 − (1 − p)³` over `min(620, 260 + distance × 1.1)` ms; without `snap` a release flings, `v ×= 0.998` a ms until under 0.02, 0 when the finger rested over 50 ms; `offset?: number` (0) where it stands from the start, drawn there in its first frame, a new value glides there, the same value does nothing; hard edges, nothing passes on to a parent scroll; a press on a child that leaves the tap slop along the scroll's axis goes to the scroll and the child answers nothing, a finger on a moving scroll only stops it; every number in `time.delta` ms, so a time scale applies; the public component `ScrollState { offset, max, moving }` on its entity, whole units `0..max`, written when it changes and once with `moving: false` when it stops, read by a system and by `game.explain`; `app.ui.scroll(key, to)` and the visual step `{ scroll: { key, to } }` set it at once), `input` (a text field; its text lives in the component's `local`, see the ui README). Common props: `key`, `style`, `state: { active?, disabled?, selected? }`, `motion`, `components` (extra component values for the element's entity, such as a filter: `components={[Glow({ strength: 2 })]}`, or `DebugTrigger()`: five taps within 3000 ms of wall time on that view call `app.debug.overlay.open()` on a page with the agent flag, nothing elsewhere; put it on a `button` naming nothing); containers take `hosts?: string[]` (projections drawn inside the element: world views hang under it from the slot's first frame; a JSX projection is laid out in the slot's content box). Children draw and are hit in markup order at equal `zIndex`; the roots of a scene draw in the order of its `projections` (the `ui` layer sorts by `Order`; `ui: { sort: "none" }` keeps insertion order). `defineMotion({ when: "change" })` plays its `enter` and `exit` only for a commit or a popup, never when its screen mounts or unmounts; declare a motion at module level (`ui:motion-rebuilt` names a loop rebuilt in a view). `motion.change` plays `Box` (the rects), `Transform` (the rest poses), the visual the element is drawn with (`Shape`, `Sprite`, `NineSlice`, `Text`, when a render or a restyle moves a number of it: `sweep`, `alpha`, `w`; a returned motion brings the numbers home from where they stand and the other fields land at once; the last motion of that name is cancelled first) and each extra of `components`, each as `(view, previous, next, hint)`; a dev build names any other `change` hook once, `ui:change-never-plays` `{ key, name }`. An element a render replaces (a root whose view returns another key or tag, a child of another key or tag) plays its exit with `"change"`, everything under it plays its own, and it leaves `find` at once, so the new element takes the keys they share. Style adds `nineSlice`, `tint`, `offsetX`, `offsetY`, `scale`, `origin`, `fit: "contain"`; state variants `is: { hover, pressed, disabled, active, selected, covered }`. `popup(Component, props, { over })` stacks a popup over a kept one.
 - Style vocabulary (`defineStyle`, plain data): flow `direction`, `wrap`, `justify`, `align`, `alignSelf`, `gap`, `grow`, `shrink`; box `padding`, `margin`, `width`, `height`, `minWidth`, `minHeight`, `maxWidth`, `maxHeight`, `aspect`, `overflow`; position `position`, `left`, `top`, `right`, `bottom`, `reason`; visual `fill`, `stroke`, `strokeWidth`, `radius`, `alpha`, `shape: "rect" | "triangle" | "arc"` (`"rect"`; a triangle fills the box pointing right; an arc is only a `stroke` of `strokeWidth` on the circle inscribed in the box, `min(width, height) − strokeWidth` across, from 12 o'clock clockwise over `sweep`), `dash` (dash length of the stroke, gaps of half a dash; not on an arc), `sweep` (0..1, default 1, clamped; 0 draws nothing, 1 a closed ring), `cap: "round" | "butt"` (`"round"`; the ends of an open arc); variants `is: { pressed?, disabled?, active?, selected? }` and `when: { portrait?, landscape?, tall?, wide? }`, each a partial style merged in when the flag holds. Lengths are reference units or `"safeArea.top" | "safeArea.right" | "safeArea.bottom" | "safeArea.left"`. No font size here: it comes from the text style.
 - `defineComponent(name, { local?, outcomes?, view(props, local) })`. A component with `outcomes` is a popup: `await fx(popup(Component, props))` opens the gate for its outcomes and resolves with `{ intent, payload }` of the pressed button. A button with `local` writes into the nearest component instance; it never reaches the graph.
 - `tr(key, params?)` returns a frozen `Message` `{ key, params }`; no locale is read at the call site. Strings live in `strings/<locale>.json` of any feature or sub-feature, as ICU MessageFormat 1 (`{n, plural, one {# order} other {# orders}}`, `select`, `selectordinal`, `number`, `date`, `time`; no skeletons, no `currency`). `bun run assets:keys` compiles them. The keys of the top-level features and the layers go into `generated/strings.<locale>.ts`, which one feature registers; a sub-feature's keys start with `<name>.` (`ep01.title`) and go into `generated/strings.<name>.<locale>.ts`, which the sub-feature registers lazily, `strings: { en: () => import("@generated/strings.ep01.en"), ru: () => import("@generated/strings.ep01.ru") }`. With `assets` composed those modules load and unload with the bundle named like the sub-feature: every way the bundle comes (a node entry, a scene's `bundles`, `load`, a restore, the `safeNode`) brings its strings, a locale switch brings them in the new locale, and while the bundle is not loaded a key of it gives `⟦key⟧` and `has(key)` is false. A compiled module calls the root helpers `messageArgument(value, intl)` (an element stays an element part, a list goes through `Intl.ListFormat`, a number through `Intl.NumberFormat`, else text) and `messageDuration(ms)` (`95_000` gives `{ minutes: 1, seconds: 35 }`). `app.i18n`: `locale()`, `setLocale(locale)` (async, emits `i18n:locale-changed`), `format(message, locale?)` returns `Part[]`, `plain(message)` returns a string, `has(key)`, `isKey(value)`, `locales()`, `replace(locale, messages)` (dev hot swap of a generated strings file). Config: `locale: "en"`, `fallback: "en"`, `locales: {}`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moku-labs/game",
-  "version": "0.15.32",
+  "version": "0.15.33",
   "description": "2D puzzle game engine on TypeScript and PixiJS, built on @moku-labs/core.",
   "type": "module",
   "sideEffects": [