@almadar/ui 5.65.0 → 5.67.0

package/dist/hooks/index.cjs

@@ -2821,6 +2821,99 @@ function useRenderInterpolation(options = {}) {
   }, []);
   return { onSnapshot, getInterpolated, startLoop };
 }
+var EMPTY_STATE = {
+  activities: [],
+  subagents: [],
+  coordinatorMessages: [],
+  status: "idle"
+};
+function upsertSubagent(subagents, id, patch) {
+  const idx = subagents.findIndex((s) => s.id === id);
+  if (idx === -1) {
+    const next = {
+      id,
+      name: patch.name ?? id,
+      role: patch.role ?? "",
+      status: patch.status ?? "running",
+      task: patch.task ?? "",
+      messages: []
+    };
+    if (patch.orbitalName !== void 0) next.orbitalName = patch.orbitalName;
+    if (patch.parentId !== void 0) next.parentId = patch.parentId;
+    if (patch.durationMs !== void 0) next.durationMs = patch.durationMs;
+    return [...subagents, next];
+  }
+  const merged = { ...subagents[idx] };
+  if (patch.name !== void 0) merged.name = patch.name;
+  if (patch.role !== void 0) merged.role = patch.role;
+  if (patch.orbitalName !== void 0) merged.orbitalName = patch.orbitalName;
+  if (patch.parentId !== void 0) merged.parentId = patch.parentId;
+  if (patch.status !== void 0) merged.status = patch.status;
+  if (patch.task !== void 0) merged.task = patch.task;
+  if (patch.durationMs !== void 0) merged.durationMs = patch.durationMs;
+  const out = subagents.slice();
+  out[idx] = merged;
+  return out;
+}
+function appendSubagentMessage(subagents, id, message) {
+  const idx = subagents.findIndex((s) => s.id === id);
+  if (idx === -1) return subagents;
+  const out = subagents.slice();
+  out[idx] = { ...out[idx], messages: [...out[idx].messages, message] };
+  return out;
+}
+function setCoordinatorMessage(messages, index, message) {
+  if (index < messages.length) {
+    const out = messages.slice();
+    out[index] = message;
+    return out;
+  }
+  return [...messages, message];
+}
+function reduce(state, update) {
+  switch (update.kind) {
+    case "activity":
+      return { ...state, activities: [...state.activities, update.activity] };
+    case "subagent-upsert":
+      return { ...state, subagents: upsertSubagent(state.subagents, update.id, update.subagent) };
+    case "subagent-message":
+      return { ...state, subagents: appendSubagentMessage(state.subagents, update.id, update.message) };
+    case "coordinator-message":
+      return {
+        ...state,
+        coordinatorMessages: setCoordinatorMessage(state.coordinatorMessages, update.index, update.message)
+      };
+    case "status":
+      return { ...state, status: update.status };
+    case "reset":
+      return EMPTY_STATE;
+  }
+}
+function traceReducer(state, action) {
+  if (action.type === "apply") return reduce(state, action.update);
+  return action.updates.reduce(reduce, state);
+}
+function useAgentTrace() {
+  const [state, dispatch] = react.useReducer(traceReducer, EMPTY_STATE);
+  const apply = react.useCallback((update) => {
+    dispatch({ type: "apply", update });
+  }, []);
+  const applyAll = react.useCallback((updates) => {
+    dispatch({ type: "applyAll", updates });
+  }, []);
+  const reset = react.useCallback(() => {
+    dispatch({ type: "apply", update: { kind: "reset" } });
+  }, []);
+  return {
+    activities: state.activities,
+    subagents: state.subagents,
+    coordinatorMessages: state.coordinatorMessages,
+    status: state.status,
+    apply,
+    applyAll,
+    reset
+  };
+}
 var API_BASE = typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "http://localhost:3000";
 function getUserId() {
   return localStorage.getItem("userId") || "anonymous";
@@ -2912,6 +3005,7 @@ exports.spawnEntity = spawnEntity;
 exports.updateEntity = updateEntity;
 exports.updateSingleton = updateSingleton;
 exports.useAgentChat = useAgentChat;
+exports.useAgentTrace = useAgentTrace;
 exports.useAuthContext = useAuthContext;
 exports.useCanvasGestures = useCanvasGestures;
 exports.useCompile = useCompile;

package/dist/hooks/index.d.ts

@@ -29,4 +29,5 @@ export { useTapReveal, type TapRevealOptions, type TapRevealResult, } from './us
 export { useDraggable, ALMADAR_DND_MIME, type DraggablePayload, type UseDraggableOptions, type UseDraggableResult, } from './useDraggable';
 export { useDropZone, type UseDropZoneOptions, type UseDropZoneResult, } from './useDropZone';
 export { useRenderInterpolation, type Positioned, type RenderInterpolationOptions, type RenderInterpolationHandle, } from './useRenderInterpolation';
+export { useAgentTrace, type UseAgentTraceResult, type AgentTraceState, type TraceStatus, type TraceUpdate, type SubagentUpsert, } from './useAgentTrace';
 export { useGitHubStatus, useConnectGitHub, useDisconnectGitHub, useGitHubRepos, useGitHubRepo, useGitHubBranches, type GitHubStatus, type GitHubRepo, } from './useGitHub';

package/dist/hooks/index.js

@@ -1,4 +1,4 @@
-import { createContext, useCallback, useState, useEffect, useMemo, useContext, useRef, useSyncExternalStore } from 'react';
+import { createContext, useCallback, useState, useEffect, useMemo, useContext, useRef, useSyncExternalStore, useReducer } from 'react';
 import { createLogger } from '@almadar/logger';
 import { EventBusContext, useTraitScope } from '@almadar/ui/providers';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
@@ -2819,6 +2819,99 @@ function useRenderInterpolation(options = {}) {
   }, []);
   return { onSnapshot, getInterpolated, startLoop };
 }
+var EMPTY_STATE = {
+  activities: [],
+  subagents: [],
+  coordinatorMessages: [],
+  status: "idle"
+};
+function upsertSubagent(subagents, id, patch) {
+  const idx = subagents.findIndex((s) => s.id === id);
+  if (idx === -1) {
+    const next = {
+      id,
+      name: patch.name ?? id,
+      role: patch.role ?? "",
+      status: patch.status ?? "running",
+      task: patch.task ?? "",
+      messages: []
+    };
+    if (patch.orbitalName !== void 0) next.orbitalName = patch.orbitalName;
+    if (patch.parentId !== void 0) next.parentId = patch.parentId;
+    if (patch.durationMs !== void 0) next.durationMs = patch.durationMs;
+    return [...subagents, next];
+  }
+  const merged = { ...subagents[idx] };
+  if (patch.name !== void 0) merged.name = patch.name;
+  if (patch.role !== void 0) merged.role = patch.role;
+  if (patch.orbitalName !== void 0) merged.orbitalName = patch.orbitalName;
+  if (patch.parentId !== void 0) merged.parentId = patch.parentId;
+  if (patch.status !== void 0) merged.status = patch.status;
+  if (patch.task !== void 0) merged.task = patch.task;
+  if (patch.durationMs !== void 0) merged.durationMs = patch.durationMs;
+  const out = subagents.slice();
+  out[idx] = merged;
+  return out;
+}
+function appendSubagentMessage(subagents, id, message) {
+  const idx = subagents.findIndex((s) => s.id === id);
+  if (idx === -1) return subagents;
+  const out = subagents.slice();
+  out[idx] = { ...out[idx], messages: [...out[idx].messages, message] };
+  return out;
+}
+function setCoordinatorMessage(messages, index, message) {
+  if (index < messages.length) {
+    const out = messages.slice();
+    out[index] = message;
+    return out;
+  }
+  return [...messages, message];
+}
+function reduce(state, update) {
+  switch (update.kind) {
+    case "activity":
+      return { ...state, activities: [...state.activities, update.activity] };
+    case "subagent-upsert":
+      return { ...state, subagents: upsertSubagent(state.subagents, update.id, update.subagent) };
+    case "subagent-message":
+      return { ...state, subagents: appendSubagentMessage(state.subagents, update.id, update.message) };
+    case "coordinator-message":
+      return {
+        ...state,
+        coordinatorMessages: setCoordinatorMessage(state.coordinatorMessages, update.index, update.message)
+      };
+    case "status":
+      return { ...state, status: update.status };
+    case "reset":
+      return EMPTY_STATE;
+  }
+}
+function traceReducer(state, action) {
+  if (action.type === "apply") return reduce(state, action.update);
+  return action.updates.reduce(reduce, state);
+}
+function useAgentTrace() {
+  const [state, dispatch] = useReducer(traceReducer, EMPTY_STATE);
+  const apply = useCallback((update) => {
+    dispatch({ type: "apply", update });
+  }, []);
+  const applyAll = useCallback((updates) => {
+    dispatch({ type: "applyAll", updates });
+  }, []);
+  const reset = useCallback(() => {
+    dispatch({ type: "apply", update: { kind: "reset" } });
+  }, []);
+  return {
+    activities: state.activities,
+    subagents: state.subagents,
+    coordinatorMessages: state.coordinatorMessages,
+    status: state.status,
+    apply,
+    applyAll,
+    reset
+  };
+}
 var API_BASE = typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "http://localhost:3000";
 function getUserId() {
   return localStorage.getItem("userId") || "anonymous";
@@ -2895,4 +2988,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALMADAR_DND_MIME, DEFAULT_SLOTS, I18nProvider, clearEntities, createTranslate, getAllEntities, getByType, getEntity, getSingleton, parseQueryBinding, removeEntity, spawnEntity, updateEntity, updateSingleton, useAgentChat, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity as useEntityById, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, usePhysics, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSingletonEntity, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useUISlotManager, useValidation };
+export { ALMADAR_DND_MIME, DEFAULT_SLOTS, I18nProvider, clearEntities, createTranslate, getAllEntities, getByType, getEntity, getSingleton, parseQueryBinding, removeEntity, spawnEntity, updateEntity, updateSingleton, useAgentChat, useAgentTrace, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity as useEntityById, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, usePhysics, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSingletonEntity, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useUISlotManager, useValidation };

package/dist/hooks/useAgentTrace.d.ts

@@ -0,0 +1,85 @@
+import type { TraceActivity, TraceSubagent, TraceSubagentMessage, TraceChatMessage } from '@almadar/core';
+/** Coarse run status surfaced by the trace UI (drives ChatBar's action button). */
+export type TraceStatus = 'idle' | 'running' | 'paused' | 'complete' | 'error';
+/** The accumulated view-model the trace components render. */
+export interface AgentTraceState {
+    activities: TraceActivity[];
+    subagents: TraceSubagent[];
+    coordinatorMessages: TraceChatMessage[];
+    status: TraceStatus;
+}
+/**
+ * A pre-mapped update the runner feeds in. Each variant is a view-model delta —
+ * no raw SSE/transport shapes. Subagents upsert by `id`; coordinator messages
+ * upsert by index (the runner owns ordering); activities append.
+ */
+export type TraceUpdate = 
+/** Append one already-mapped activity to the page-level stream. */
+{
+    kind: 'activity';
+    activity: TraceActivity;
+}
+/**
+ * Upsert a subagent by `id`. A partial patch merges into the existing record
+ * (status/duration/task changes); a full record inserts when `id` is new.
+ */
+ | {
+    kind: 'subagent-upsert';
+    id: string;
+    subagent: SubagentUpsert;
+}
+/** Append a progress message to a known subagent's running log. */
+ | {
+    kind: 'subagent-message';
+    id: string;
+    message: TraceSubagentMessage;
+}
+/**
+ * Set a coordinator message at `index`. The runner emits messages in order;
+ * a known index replaces (e.g. streaming content grew), a new index appends.
+ */
+ | {
+    kind: 'coordinator-message';
+    index: number;
+    message: TraceChatMessage;
+}
+/** Set the coarse run status. */
+ | {
+    kind: 'status';
+    status: TraceStatus;
+}
+/** Reset the whole view-model (new turn). */
+ | {
+    kind: 'reset';
+};
+/**
+ * A subagent upsert payload: every field optional except `name`/`role`/`task`
+ * are required only when the id is new. Partial patches merge into the existing
+ * record; that's why the fields are all optional here and the reducer fills
+ * defaults on first insert.
+ */
+export interface SubagentUpsert {
+    name?: string;
+    role?: string;
+    orbitalName?: string;
+    parentId?: string;
+    status?: TraceSubagent['status'];
+    task?: string;
+    durationMs?: number;
+}
+/** What the hook returns: the state plus an `apply` to feed it updates. */
+export interface UseAgentTraceResult extends AgentTraceState {
+    /** Apply one pre-mapped view-model update (from the runner). */
+    apply: (update: TraceUpdate) => void;
+    /** Apply a batch of updates in order (single render). */
+    applyAll: (updates: readonly TraceUpdate[]) => void;
+    /** Reset to the empty view-model. */
+    reset: () => void;
+}
+/**
+ * Accumulate agent-trace view-model from pre-mapped updates.
+ *
+ * The consumer maps SSE/runner events to `TraceUpdate`s upstream and calls
+ * `apply`/`applyAll`; this hook holds nothing but the accumulated render state.
+ */
+export declare function useAgentTrace(): UseAgentTraceResult;

package/dist/providers/index.cjs

@@ -8021,6 +8021,8 @@ var init_DialogueBubble = __esm({
 function ChoiceButton({
   text = "Charge forward into the fray",
   index,
+  assetUrl,
+  icon,
   disabled = false,
   selected = false,
   onClick,
@@ -8053,6 +8055,23 @@ function ChoiceButton({
             ]
           }
         ),
+        assetUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: "",
+            width: 16,
+            height: 16,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-sm", children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" }) : null;
+        })() : /* @__PURE__ */ (() => {
+          const I = icon;
+          return /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" });
+        })() }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-snug", children: text })
       ]
     }
@@ -8061,6 +8080,7 @@ function ChoiceButton({
 var init_ChoiceButton = __esm({
   "components/game/atoms/ChoiceButton.tsx"() {
     init_cn();
+    init_Icon();
     ChoiceButton.displayName = "ChoiceButton";
   }
 });
@@ -11553,7 +11573,8 @@ function IsometricCanvas({
     const minX = Math.min(...allScreenPos.map((p2) => p2.x));
     const maxX = Math.max(...allScreenPos.map((p2) => p2.x + scaledTileWidth));
     const minY = Math.min(...allScreenPos.map((p2) => p2.y));
-    const maxY = Math.max(...allScreenPos.map((p2) => p2.y + scaledTileHeight));
+    const tileBottomExtent = tileLayout === "hex" ? scaledTileWidth : scaledTileHeight;
+    const maxY = Math.max(...allScreenPos.map((p2) => p2.y + tileBottomExtent));
     const worldW = maxX - minX;
     const worldH = maxY - minY;
     const scaleM = Math.min(mW / worldW, mH / worldH) * 0.9;
@@ -11645,7 +11666,7 @@ function IsometricCanvas({
           const drawW = scaledTileWidth;
           const drawH = scaledTileWidth * (img.naturalHeight / img.naturalWidth);
           const drawX = pos.x;
-          const drawY = pos.y + scaledTileHeight - drawH;
+          const drawY = tileLayout === "hex" ? pos.y : pos.y + scaledTileHeight - drawH;
           ctx.drawImage(img, drawX, drawY, drawW, drawH);
         }
       } else {
@@ -28397,6 +28418,7 @@ function PowerupSlots({
       /* @__PURE__ */ jsxRuntime.jsx(
         ItemSlot,
         {
+          assetUrl: powerup.assetUrl,
           icon: powerup.icon,
           label: powerup.label,
           rarity: "uncommon",
@@ -28646,13 +28668,26 @@ function HealthPanel({
             )
           }
         ),
-        effects && effects.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        effects && effects.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           Badge,
           {
             variant: effectVariantMap[effect.variant ?? "neutral"],
             size: "sm",
-            icon: effect.icon,
-            children: effect.label
+            icon: effect.assetUrl ? void 0 : effect.icon,
+            children: [
+              effect.assetUrl && /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: effect.assetUrl,
+                  alt: "",
+                  width: 12,
+                  height: 12,
+                  style: { imageRendering: "pixelated", objectFit: "contain" },
+                  className: "flex-shrink-0 inline-block"
+                }
+              ),
+              effect.label
+            ]
           },
           i
         )) })
@@ -28835,15 +28870,28 @@ function TurnPanel({
             activeTeam
           }
         ),
-        actions && actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        actions && actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
             variant: "ghost",
             size: "sm",
             disabled: action.disabled,
-            leftIcon: action.icon,
+            leftIcon: action.assetUrl ? void 0 : action.icon,
             onClick: () => handleAction(action.event),
-            children: action.label
+            children: [
+              action.assetUrl && /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: action.assetUrl,
+                  alt: "",
+                  width: 14,
+                  height: 14,
+                  style: { imageRendering: "pixelated", objectFit: "contain" },
+                  className: "flex-shrink-0"
+                }
+              ),
+              action.label
+            ]
           },
           i
         )) })
@@ -43759,9 +43807,9 @@ var init_GameCanvas3D2 = __esm({
             const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
             const hasAtlas = unitAtlasUrl(unit) !== null;
             const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
-            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
-            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
-            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
+            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale * gridConfig.cellSize;
+            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale * gridConfig.cellSize;
+            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale * gridConfig.cellSize;
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "group",
               {
@@ -43808,7 +43856,7 @@ var init_GameCanvas3D2 = __esm({
                       /* @__PURE__ */ jsxRuntime.jsx("meshStandardMaterial", { color })
                     ] })
                   ] }),
-                  unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("group", { position: [0, 1.2, 0], children: [
+                  unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("group", { position: [0, billboardHeight, 0], children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [-0.25, 0, 0], children: [
                       /* @__PURE__ */ jsxRuntime.jsx("planeGeometry", { args: [0.5, 0.05] }),
                       /* @__PURE__ */ jsxRuntime.jsx("meshBasicMaterial", { color: 3355443 })
@@ -43837,7 +43885,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale, gridConfig]
         );
         const DefaultFeatureRenderer = React85.useCallback(
           ({
@@ -43925,7 +43973,7 @@ var init_GameCanvas3D2 = __esm({
               {
                 ref: containerRef,
                 className: cn("game-canvas-3d relative w-full overflow-hidden", className),
-                style: { height: "85vh" },
+                style: { flex: "1 1 0", minHeight: "400px" },
                 "data-orientation": orientation,
                 "data-camera-mode": cameraMode,
                 "data-overlay": overlay,
@@ -44225,13 +44273,39 @@ var init_GameBoard3D = __esm({
     GameBoard3D.displayName = "GameBoard3D";
   }
 });
-var GameShell;
+function getSlotContentRenderer2() {
+  if (_scr) return _scr;
+  const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
+  _scr = mod.SlotContentRenderer;
+  return _scr;
+}
+function resolveDescriptor(value, idPrefix) {
+  if (value === null || value === void 0) return value;
+  if (React85__namespace.default.isValidElement(value)) return value;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+  if (Array.isArray(value)) {
+    return value.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(React85__namespace.default.Fragment, { children: resolveDescriptor(item, `${idPrefix}-${i}`) }, i));
+  }
+  if (typeof value === "object") {
+    const rec = value;
+    if (typeof rec.type === "string" && patterns.getComponentForPattern(rec.type) !== null) {
+      const { type, props: nestedProps, _id, ...flatProps } = rec;
+      const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
+      const content = { id: _id ?? idPrefix, pattern: type, props: resolvedProps, priority: 0 };
+      const SCR = getSlotContentRenderer2();
+      return /* @__PURE__ */ jsxRuntime.jsx(SCR, { content, onDismiss: () => void 0 });
+    }
+  }
+  return null;
+}
+var _scr, GameShell;
 var init_GameShell = __esm({
   "components/game/templates/GameShell.tsx"() {
     init_cn();
     init_Box();
     init_Stack();
     init_Typography();
+    _scr = null;
     GameShell = ({
       appName = "Game",
       hud,
@@ -44280,7 +44354,7 @@ var init_GameShell = __esm({
                       children: appName
                     }
                   ),
-                  hud && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "game-shell__hud", children: hud })
+                  hud && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "game-shell__hud", children: resolveDescriptor(hud, "gs-hud") })
                 ]
               }
             ),
@@ -44293,7 +44367,7 @@ var init_GameShell = __esm({
                   overflow: "hidden",
                   position: "relative"
                 },
-                children
+                children: resolveDescriptor(children, "gs-children")
               }
             )
           ]
@@ -44303,7 +44377,32 @@ var init_GameShell = __esm({
     GameShell.displayName = "GameShell";
   }
 });
-var GameTemplate;
+function getSlotContentRenderer3() {
+  if (_scr2) return _scr2;
+  const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
+  _scr2 = mod.SlotContentRenderer;
+  return _scr2;
+}
+function resolveDescriptor2(value, idPrefix) {
+  if (value === null || value === void 0) return value;
+  if (React85__namespace.default.isValidElement(value)) return value;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+  if (Array.isArray(value)) {
+    return value.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(React85__namespace.default.Fragment, { children: resolveDescriptor2(item, `${idPrefix}-${i}`) }, i));
+  }
+  if (typeof value === "object") {
+    const rec = value;
+    if (typeof rec.type === "string" && patterns.getComponentForPattern(rec.type) !== null) {
+      const { type, props: nestedProps, _id, ...flatProps } = rec;
+      const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
+      const content = { id: _id ?? idPrefix, pattern: type, props: resolvedProps, priority: 0 };
+      const SCR = getSlotContentRenderer3();
+      return /* @__PURE__ */ jsxRuntime.jsx(SCR, { content, onDismiss: () => void 0 });
+    }
+  }
+  return null;
+}
+var _scr2, GameTemplate;
 var init_GameTemplate = __esm({
   "components/game/templates/GameTemplate.tsx"() {
     init_cn();
@@ -44311,6 +44410,7 @@ var init_GameTemplate = __esm({
     init_Stack();
     init_Typography();
     init_Button();
+    _scr2 = null;
     GameTemplate = ({
       entity,
       title = "Game",
@@ -44378,13 +44478,13 @@ var init_GameTemplate = __esm({
                   fullWidth: true,
                   className: "flex-1 bg-muted",
                   children: [
-                    children,
+                    resolveDescriptor2(children, "gt-children"),
                     hud && /* @__PURE__ */ jsxRuntime.jsx(
                       Box,
                       {
                         position: "absolute",
                         className: "top-0 left-0 right-0 pointer-events-none",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "md", className: "pointer-events-auto w-fit", children: hud })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "md", className: "pointer-events-auto w-fit", children: resolveDescriptor2(hud, "gt-hud") })
                       }
                     )
                   ]
@@ -44409,7 +44509,7 @@ var init_GameTemplate = __esm({
                       children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h6", children: "Debug Panel" })
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "md", children: debugPanel })
+                  /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: "md", children: resolveDescriptor2(debugPanel, "gt-debug") })
                 ]
               }
             )
@@ -52969,7 +53069,7 @@ function getSlotFallback(slot, config) {
   const variant = SLOT_SKELETON_MAP[slot] ?? "text";
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant });
 }
-function getComponentForPattern(patternType) {
+function getComponentForPattern3(patternType) {
   const mapping = patterns.getComponentForPattern(patternType);
   if (!mapping) {
     return null;
@@ -53600,7 +53700,8 @@ function SlotContentRenderer({
       entityDef = schemaCtx.entities.get(linkedEntity);
     }
   }
-  const PatternComponent = getComponentForPattern(content.pattern);
+  const orbitalName = schemaCtx && content.sourceTrait !== void 0 ? schemaCtx.orbitalsByTrait.get(content.sourceTrait) : void 0;
+  const PatternComponent = getComponentForPattern3(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
     const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
@@ -53698,6 +53799,7 @@ function SlotContentRenderer({
         "data-orb-entity": content.entity,
         "data-orb-path": myPath,
         "data-orb-pattern": content.pattern,
+        "data-orb-orbital": orbitalName,
         children: renderedChildren !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(PatternComponent, { ...finalProps, children: renderedChildren }) : /* @__PURE__ */ jsxRuntime.jsx(PatternComponent, { ...finalProps })
       }
     );
@@ -53717,6 +53819,7 @@ function SlotContentRenderer({
       "data-orb-entity": content.entity,
       "data-orb-path": patternPath ?? "root",
       "data-orb-pattern": content.pattern,
+      "data-orb-orbital": orbitalName,
       children: content.props.children ?? /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "p-4 text-sm text-muted-foreground border border-dashed border-border rounded", children: [
         "Unknown pattern: ",
         content.pattern,