@almadar/ui 5.53.0 → 5.55.0

package/dist/runtime/index.cjs

@@ -8468,6 +8468,16 @@ var init_Skeleton = __esm({
     Skeleton.displayName = "Skeleton";
   }
 });
+function isKnownPattern(type) {
+  return type in componentMapping;
+}
+var componentMapping;
+var init_pattern_resolver = __esm({
+  "renderer/pattern-resolver.ts"() {
+    logger.createLogger("almadar:ui:pattern-resolver");
+    componentMapping = {};
+  }
+});
 
 // renderer/slot-definitions.ts
 function isPortalSlot(slot) {
@@ -8576,6 +8586,7 @@ var init_navigation = __esm({
 // renderer/index.ts
 var init_renderer = __esm({
   "renderer/index.ts"() {
+    init_pattern_resolver();
     init_slot_definitions();
   }
 });
@@ -10279,7 +10290,7 @@ function recordTransition(trace) {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  log4.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
+  log5.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
   getState().transitions.push(entry);
   if (getState().transitions.length > MAX_TRANSITIONS) {
     getState().transitions.shift();
@@ -10378,7 +10389,7 @@ function getTraitSnapshots() {
     try {
       snapshots.push(getter());
     } catch (err) {
-      log4.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
+      log5.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
     }
   }
   return snapshots;
@@ -10477,10 +10488,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log4, MAX_TRANSITIONS;
+var log5, MAX_TRANSITIONS;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log4 = logger.createLogger("almadar:bridge");
+    log5 = logger.createLogger("almadar:bridge");
     MAX_TRANSITIONS = 500;
     exposeOnWindow();
   }
@@ -12774,7 +12785,7 @@ var init_avl_elk_layout = __esm({
     elk = new ELK__default.default();
   }
 });
-var log5, SWIM_GUTTER, CENTER_W, BehaviorView;
+var log6, SWIM_GUTTER, CENTER_W, BehaviorView;
 var init_BehaviorView = __esm({
   "components/avl/molecules/BehaviorView.tsx"() {
     "use client";
@@ -12783,7 +12794,7 @@ var init_BehaviorView = __esm({
     init_AvlSwimLane();
     init_types();
     init_avl_elk_layout();
-    log5 = logger.createLogger("almadar:ui:avl:behavior-view");
+    log6 = logger.createLogger("almadar:ui:avl:behavior-view");
     SWIM_GUTTER = 120;
     CENTER_W = 360;
     BehaviorView = ({ data }) => {
@@ -12794,7 +12805,7 @@ var init_BehaviorView = __esm({
       const dataKey = React81.useMemo(() => JSON.stringify(traitData), [traitData]);
       React81.useEffect(() => {
         if (!traitData) return;
-        computeTraitLayout(traitData).then(setLayout).catch((err) => log5.error("compute-trait-layout-failed", { error: err instanceof Error ? err : String(err) }));
+        computeTraitLayout(traitData).then(setLayout).catch((err) => log6.error("compute-trait-layout-failed", { error: err instanceof Error ? err : String(err) }));
       }, [dataKey]);
       if (!traitData) {
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-4 text-center text-[var(--color-muted-foreground)] text-sm", children: t("avl.noTraitData") });
@@ -13205,7 +13216,7 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log7, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -13288,7 +13299,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: syntax.ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark__default.default, ...loloStyleOverrides };
-    log6 = logger.createLogger("almadar:ui:markdown-code");
+    log7 = logger.createLogger("almadar:ui:markdown-code");
     CODE_LANGUAGES = [
       "text",
       "json",
@@ -13552,7 +13563,7 @@ var init_CodeBlock = __esm({
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: true });
             setTimeout(() => setCopied(false), 2e3);
           } catch (err) {
-            log6.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
+            log7.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: false });
           }
         };
@@ -17433,14 +17444,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-var log7, lookStyles4, ButtonGroup;
+var log8, lookStyles4, ButtonGroup;
 var init_ButtonGroup = __esm({
   "components/core/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms2();
     init_useEventBus();
-    log7 = logger.createLogger("almadar:ui:button-group");
+    log8 = logger.createLogger("almadar:ui:button-group");
     lookStyles4 = {
       "right-aligned-buttons": "",
       "floating-bar": "fixed bottom-section left-1/2 -translate-x-1/2 shadow-elevation-toast bg-card p-card-sm rounded-container",
@@ -17521,7 +17532,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              log7.debug("Filter clicked", { field: filter.field });
+              log8.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -25183,9 +25194,9 @@ function debug(...args) {
   const [first, ...rest] = args;
   const message = typeof first === "string" ? first : "<debug>";
   if (rest.length === 0 && typeof first === "string") {
-    log8.debug(message);
+    log9.debug(message);
   } else {
-    log8.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
+    log9.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
   }
 }
 function debugGroup(label) {
@@ -25213,11 +25224,11 @@ function toLogMetaValue(v) {
   }
   return String(v);
 }
-var NAMESPACE, log8;
+var NAMESPACE, log9;
 var init_debug = __esm({
   "lib/debug.ts"() {
     NAMESPACE = "almadar:ui:debug";
-    log8 = logger.createLogger(NAMESPACE);
+    log9 = logger.createLogger(NAMESPACE);
     logger.createLogger("almadar:ui:debug:input");
     logger.createLogger("almadar:ui:debug:collision");
     logger.createLogger("almadar:ui:debug:physics");
@@ -28628,12 +28639,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
-      if (plats.length !== lastPlatCountRef.current) {
+      const shouldDiag = plats.length !== lastPlatCountRef.current;
+      if (shouldDiag) {
         lastPlatCountRef.current = plats.length;
         canvasLog.debug("draw:platforms", {
           platformCount: plats.length,
           camX,
           camY,
+          plat0: JSON.stringify(plats[0]),
+          plat2: JSON.stringify(plats[2]),
+          tSpritesType: tSprites ? tSprites instanceof Map ? "Map" : typeof tSprites : "none",
+          canvasW: canvas.width,
+          canvasH: canvas.height,
           player: { x: px, y: py },
           worldWidth: ww,
           canvasWidth: cw,
@@ -28674,6 +28691,19 @@ function PlatformerCanvas({
         const platType = plat.type ?? "ground";
         const spriteUrl = tSprites?.[platType];
         const tileImg = spriteUrl ? loadImage(spriteUrl) : null;
+        if (shouldDiag) {
+          canvasLog.debug("plat:draw", {
+            platType,
+            platX,
+            platY,
+            w: plat.width,
+            h: plat.height,
+            branch: tileImg ? "tile" : "color",
+            natW: tileImg?.naturalWidth,
+            natH: tileImg?.naturalHeight,
+            spriteUrl: spriteUrl ?? null
+          });
+        }
         if (tileImg) {
           const tileW = tileImg.naturalWidth;
           const tileH = tileImg.naturalHeight;
@@ -41489,11 +41519,11 @@ var init_Canvas3DErrorBoundary = __esm({
   "components/game/molecules/three/components/Canvas3DErrorBoundary.css"() {
   }
 });
-var log9, Canvas3DErrorBoundary;
+var log10, Canvas3DErrorBoundary;
 var init_Canvas3DErrorBoundary2 = __esm({
   "components/game/molecules/three/components/Canvas3DErrorBoundary.tsx"() {
     init_Canvas3DErrorBoundary();
-    log9 = logger.createLogger("almadar:ui:game:canvas3d:error-boundary");
+    log10 = logger.createLogger("almadar:ui:game:canvas3d:error-boundary");
     Canvas3DErrorBoundary = class extends React81.Component {
       constructor(props) {
         super(props);
@@ -41521,8 +41551,8 @@ var init_Canvas3DErrorBoundary2 = __esm({
       componentDidCatch(error, errorInfo) {
         this.setState({ errorInfo });
         this.props.onError?.(error, errorInfo);
-        log9.error("Error caught", { error });
-        log9.error("Component stack", { componentStack: errorInfo.componentStack ?? "<none>" });
+        log10.error("Error caught", { error });
+        log10.error("Component stack", { componentStack: errorInfo.componentStack ?? "<none>" });
       }
       render() {
         if (this.state.hasError) {
@@ -41585,7 +41615,7 @@ function useGLTFModel(url, resourceBasePath) {
       setState({ model: null, isLoading: false, error: null });
       return;
     }
-    log10.debug("Loading", { url });
+    log11.debug("Loading", { url });
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     const assetRoot = resourceBasePath || detectAssetRoot2(url);
     const loader = new GLTFLoader.GLTFLoader();
@@ -41593,7 +41623,7 @@ function useGLTFModel(url, resourceBasePath) {
     loader.load(
       url,
       (gltf) => {
-        log10.debug("Loaded", { url });
+        log11.debug("Loaded", { url });
         setState({
           model: gltf.scene,
           isLoading: false,
@@ -41602,7 +41632,7 @@ function useGLTFModel(url, resourceBasePath) {
       },
       void 0,
       (err) => {
-        log10.warn("Failed", { url, error: err instanceof Error ? err : String(err) });
+        log11.warn("Failed", { url, error: err instanceof Error ? err : String(err) });
         setState({
           model: null,
           isLoading: false,
@@ -41718,11 +41748,11 @@ function ModelLoader({
     }
   );
 }
-var log10;
+var log11;
 var init_ModelLoader = __esm({
   "components/game/molecules/three/components/ModelLoader.tsx"() {
     "use client";
-    log10 = logger.createLogger("almadar:ui:game:model-loader");
+    log11 = logger.createLogger("almadar:ui:game:model-loader");
   }
 });
 
@@ -46027,7 +46057,7 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = hooks.useTranslate();
-  const [log14, setLog] = React81__namespace.useState([]);
+  const [log15, setLog] = React81__namespace.useState([]);
   const prevStatesRef = React81__namespace.useRef(/* @__PURE__ */ new Map());
   React81__namespace.useEffect(() => {
     for (const trait of traits2) {
@@ -46091,9 +46121,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.otherEvents") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log14.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    log15.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.recentTransitions") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log14.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log15.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-purple-400", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: entry.from }),
@@ -50958,7 +50988,7 @@ function isPatternConfig(value) {
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
-  return "type" in record && typeof record.type === "string";
+  return "type" in record && typeof record.type === "string" && isKnownPattern(record.type);
 }
 function isPlainConfigObject(value) {
   if (React81__namespace.default.isValidElement(value)) return false;
@@ -51705,7 +51735,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   const executeTransitionEffects = React81.useCallback(async (params) => {
-    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log14 } = params;
+    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log15 } = params;
     const traitName = binding.trait.name;
     const linkedEntity = binding.linkedEntity || "";
     const entityId = payload?.entityId;
@@ -51793,7 +51823,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       ...handlers,
       set: async (targetId, field, value) => {
         if (baseSet) await baseSet(targetId, field, value);
-        log14.debug("set:write", {
+        log15.debug("set:write", {
           traitName,
           field,
           value: JSON.stringify(value),
@@ -51833,7 +51863,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const executor = new runtime.EffectExecutor({ handlers: trackingHandlers, bindings: bindingCtx, context: effectContext });
     try {
       await executor.executeAll(effects);
-      log14.debug("effects:executed", () => ({
+      log15.debug("effects:executed", () => ({
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -51843,7 +51873,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         slotsTouched: Array.from(pendingSlots.keys()).join(",")
       }));
       for (const [slot, patterns] of pendingSlots) {
-        log14.debug("flush:slot", {
+        log15.debug("flush:slot", {
           traitName,
           slot,
           patternCount: patterns.length,
@@ -51858,7 +51888,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         });
       }
     } catch (error) {
-      log14.error("effects:error", {
+      log15.error("effects:error", {
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -52330,7 +52360,7 @@ function clearSchemaCache() {
 
 // runtime/index.ts
 init_EntitySchemaContext();
-var log11 = logger.createLogger("almadar:ui:trait-provider");
+var log12 = logger.createLogger("almadar:ui:trait-provider");
 var TraitContext = React81.createContext(null);
 function TraitProvider({
   traits: traitBindings,
@@ -52347,7 +52377,7 @@ function TraitProvider({
         currentState: stateName,
         availableEvents: trait.transitions.filter((t) => t.from === stateName).map((t) => t.event),
         dispatch: (eventKey, payload) => {
-          log11.debug("Dispatch", () => ({
+          log12.debug("Dispatch", () => ({
             trait: trait.name,
             event: eventKey,
             payloadKeys: payload ? Object.keys(payload) : []
@@ -53097,7 +53127,7 @@ OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
 init_navigation();
 init_verificationRegistry();
 var PERF_NAMESPACE = "almadar:perf:canvas";
-var log13 = logger.createLogger(PERF_NAMESPACE);
+var log14 = logger.createLogger(PERF_NAMESPACE);
 var RING_SIZE = 50;
 var ring = [];
 var writeIdx = 0;
@@ -53152,7 +53182,7 @@ function perfEnd(name, startToken, detail) {
     }
   }
   push({ name, durationMs, ts: endTs, detail });
-  log13.debug(name, () => ({ durationMs, ...detail ?? {} }));
+  log14.debug(name, () => ({ durationMs, ...detail ?? {} }));
 }
 function perfTime(name, fn, detail) {
   const t = perfStart(name);
@@ -53170,7 +53200,7 @@ var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, com
     ts: commitTime,
     detail: { baseDuration }
   });
-  log13.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
+  log14.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
 };
 function getPerfSnapshot() {
   if (ring.length < RING_SIZE) return ring.slice();