@almadar/ui 5.135.0 → 5.136.0

package/dist/providers/index.js

@@ -1,7 +1,10 @@
-import * as React84 from 'react';
-import React84__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useLayoutEffect, lazy, useId, useSyncExternalStore } from 'react';
-import { EventBusContext, useTraitScopeChain, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath, useGameAudioContextOptional } from '@almadar/ui/providers';
+import * as React85 from 'react';
+import React85__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useSyncExternalStore, useLayoutEffect, lazy, useId } from 'react';
+import { EventBusContext, useTraitScopeChain, useEntitySchemaOptional, useEntityBindingSnapshot, useTraitScope, TraitScopeProvider, useCurrentPagePath, useGameAudioContextOptional } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
+import { createContextFromBindings, interpolateValue } from '@almadar/runtime';
+import { ANONYMOUS_USER, isRenderBindingMarker, isInlineTrait } from '@almadar/core';
+export { ANONYMOUS_USER } from '@almadar/core';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as LucideIcons2 from 'lucide-react';
@@ -68,11 +71,10 @@ import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
-import { ANONYMOUS_USER, isInlineTrait } from '@almadar/core';
-export { ANONYMOUS_USER } from '@almadar/core';
 import { DndContext, pointerWithin, rectIntersection, closestCorners, useSensors, useSensor, PointerSensor, KeyboardSensor, useDroppable } from '@dnd-kit/core';
 import { useSortable, arrayMove, sortableKeyboardCoordinates, SortableContext, rectSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
+import { ordered, lib } from 'emojilib';
 import { useNodeId, ReactFlowProvider, Handle, Position } from '@xyflow/react';
 import { forceSimulation, forceLink, forceManyBody, forceCollide, forceX, forceY } from 'd3-force';
 import { isDrawHostPattern, getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/core/patterns';
@@ -267,6 +269,75 @@ var init_useEventBus = __esm({
     useEventBus_default = useEventBus;
   }
 });
+function resolveMarkerExpression(expression, entity, config, state) {
+  const ctx = createContextFromBindings({
+    entity,
+    payload: {},
+    state,
+    ...config !== void 0 ? { config } : {}
+  });
+  return interpolateValue(expression, ctx);
+}
+function isPlainObject(value) {
+  if (value === null || value === void 0 || typeof value !== "object") return false;
+  if (Array.isArray(value)) return false;
+  if (React85__default.isValidElement(value)) return false;
+  if (value instanceof Date) return false;
+  if (typeof value === "function") return false;
+  return true;
+}
+function walkValue(value, scopeTrait, entity, config, state) {
+  if (isRenderBindingMarker(value)) {
+    return { resolved: resolveMarkerExpression(value.expression, entity, config, state), changed: true };
+  }
+  if (Array.isArray(value)) {
+    const out = [];
+    let changed = false;
+    for (const item of value) {
+      const element = item;
+      const wasMarker = isRenderBindingMarker(element);
+      const { resolved, changed: itemChanged } = walkValue(element, scopeTrait, entity, config, state);
+      if (wasMarker && Array.isArray(resolved)) {
+        out.push(...resolved);
+        changed = true;
+        continue;
+      }
+      out.push(resolved);
+      if (itemChanged) changed = true;
+    }
+    return changed ? { resolved: out, changed: true } : { resolved: value, changed: false };
+  }
+  if (isPlainObject(value)) {
+    const sourceTrait = value._sourceTrait;
+    if (typeof sourceTrait === "string" && sourceTrait !== scopeTrait) {
+      return { resolved: value, changed: false };
+    }
+    const out = {};
+    let changed = false;
+    for (const [key, item] of Object.entries(value)) {
+      const { resolved, changed: itemChanged } = walkValue(item, scopeTrait, entity, config, state);
+      out[key] = resolved;
+      if (itemChanged) changed = true;
+    }
+    return changed ? { resolved: out, changed: true } : { resolved: value, changed: false };
+  }
+  return { resolved: value, changed: false };
+}
+function resolveRenderBindingMarkers(props, scopeTrait, entity, config, state) {
+  const out = {};
+  let changed = false;
+  for (const [key, value] of Object.entries(props)) {
+    const { resolved, changed: propChanged } = walkValue(value, scopeTrait, entity, config, state);
+    out[key] = resolved;
+    if (propChanged) changed = true;
+  }
+  return changed ? out : props;
+}
+var init_resolve_render_bindings = __esm({
+  "lib/resolve-render-bindings.ts"() {
+    "use client";
+  }
+});
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -430,7 +501,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React84__default.forwardRef(
+    Box = React85__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -495,7 +566,7 @@ var init_Box = __esm({
           onPointerDown?.(e);
         }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
         const isClickable = action || onClick;
-        return React84__default.createElement(
+        return React85__default.createElement(
           Component,
           {
             ref,
@@ -712,7 +783,7 @@ var init_Icon = __esm({
       const effectiveName = typeof icon === "string" && icon !== "" ? icon : name;
       const effectiveStrokeWidth = strokeWidth != null && strokeWidth > 0 ? strokeWidth : void 0;
       const family = useIconFamily();
-      const RenderedComponent = React84__default.useMemo(() => {
+      const RenderedComponent = React85__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName) : null;
       }, [directIcon, effectiveName, family]);
@@ -774,9 +845,13 @@ function getAtlas(url, onReady) {
     onReady();
   }).catch(() => {
     atlasCache.set(url, null);
+    onReady();
   });
   return void 0;
 }
+function atlasFailed(url) {
+  return atlasCache.get(url) === null;
+}
 function subRectFor(atlas, sprite) {
   if (isTilesheet(atlas)) {
     let col;
@@ -832,7 +907,7 @@ var init_atlasSlice = __esm({
   }
 });
 function useAtlasSliceDataUrl(asset) {
-  const [, bump] = React84.useReducer((x) => x + 1, 0);
+  const [, bump] = React85.useReducer((x) => x + 1, 0);
   if (!isAtlasAsset(asset)) return void 0;
   const key = `${asset.atlas}#${asset.sprite}`;
   const cached = sliceDataUrlCache.get(key);
@@ -895,13 +970,13 @@ function AtlasImage({
   style,
   "aria-hidden": ariaHidden
 }) {
-  const [, bump] = React84.useReducer((x) => x + 1, 0);
-  const canvasRef = React84.useRef(null);
+  const [, bump] = React85.useReducer((x) => x + 1, 0);
+  const canvasRef = React85.useRef(null);
   const sliced = isAtlasAsset(asset);
   const atlas = sliced ? getAtlas(asset.atlas, bump) : void 0;
   const img = sliced && asset?.url ? getSheetImage(asset.url, bump) : null;
   const rect = sliced && atlas ? subRectFor(atlas, asset.sprite) : null;
-  React84.useEffect(() => {
+  React85.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas || !img || !rect) return;
     canvas.width = rect.sw;
@@ -977,7 +1052,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React84__default.isValidElement(value)) {
+  if (React85__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && isIconLike(value)) {
@@ -1054,7 +1129,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React84__default.forwardRef(
+    Button = React85__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -1124,7 +1199,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React84__default.forwardRef(
+    Dialog = React85__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -1335,7 +1410,7 @@ var init_Typography = __esm({
       if (format !== void 0 && format !== "none" && (typeof body === "string" || typeof body === "number" || body instanceof Date)) {
         body = formatValue(body, format);
       }
-      return React84__default.createElement(
+      return React85__default.createElement(
         Component,
         {
           id,
@@ -1898,7 +1973,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React84__default.forwardRef(
+    Badge = React85__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, iconAsset, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -2248,7 +2323,7 @@ var init_SvgFlow = __esm({
       width = 100,
       height = 100
     }) => {
-      const markerId = React84__default.useMemo(() => {
+      const markerId = React85__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -2841,7 +2916,7 @@ var init_SvgRing = __esm({
       width = 100,
       height = 100
     }) => {
-      const gradientId = React84__default.useMemo(() => {
+      const gradientId = React85__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -3022,7 +3097,7 @@ var init_Input = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Input = React84__default.forwardRef(
+    Input = React85__default.forwardRef(
       ({
         className,
         inputType,
@@ -3045,6 +3120,20 @@ var init_Input = __esm({
         const { t } = useTranslate();
         const eventBus = useEventBus();
         const type = inputType || htmlType || "text";
+        const isDeclarative = typeof onChange === "string";
+        const [localValue, setLocalValue] = React85__default.useState(value);
+        const pendingEchoRef = React85__default.useRef(/* @__PURE__ */ new Set());
+        React85__default.useEffect(() => {
+          if (!isDeclarative) return;
+          const incoming = value == null ? "" : String(value);
+          if (pendingEchoRef.current.has(incoming)) {
+            pendingEchoRef.current.delete(incoming);
+            return;
+          }
+          pendingEchoRef.current.clear();
+          setLocalValue(value);
+        }, [value, isDeclarative]);
+        const displayValue = isDeclarative ? localValue : value;
         const resolveIconNode = (i, cls) => {
           if (!i) return null;
           if (typeof i === "string") return /* @__PURE__ */ jsx(Icon, { name: i, className: cls });
@@ -3054,7 +3143,7 @@ var init_Input = __esm({
         const iconCls = "h-icon-default w-icon-default";
         const IconComponent = typeof iconProp === "string" ? resolveIcon(iconProp) : iconProp;
         const resolvedLeftIcon = (leftIcon ? resolveIconNode(leftIcon, iconCls) : null) || IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: iconCls });
-        const showClearButton = clearable && value && String(value).length > 0;
+        const showClearButton = clearable && displayValue && String(displayValue).length > 0;
         const isMultiline = type === "textarea";
         const baseClassName = cn(
           "block w-full rounded-sm transition-all duration-fast",
@@ -3073,6 +3162,10 @@ var init_Input = __esm({
           if (typeof onChange === "string") {
             const target = e.target;
             const payload = type === "checkbox" ? { checked: target.checked } : { value: target.value };
+            if (type !== "checkbox") {
+              pendingEchoRef.current.add(target.value);
+              setLocalValue(target.value);
+            }
             eventBus.emit(`UI:${onChange}`, payload);
           } else {
             onChange?.(e);
@@ -3103,7 +3196,7 @@ var init_Input = __esm({
                 "select",
                 {
                   ref,
-                  value,
+                  value: displayValue,
                   onChange: handleChange,
                   className: cn(baseClassName, "appearance-none pr-10", className),
                   ...props,
@@ -3123,7 +3216,7 @@ var init_Input = __esm({
               "textarea",
               {
                 ref,
-                value,
+                value: displayValue,
                 onChange: handleChange,
                 rows,
                 className: baseClassName,
@@ -3162,7 +3255,7 @@ var init_Input = __esm({
               {
                 ref,
                 type,
-                value,
+                value: displayValue,
                 onChange: handleChange,
                 onKeyDown: handleKeyDown,
                 className: baseClassName,
@@ -3190,7 +3283,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React84__default.forwardRef(
+    Label = React85__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -3217,7 +3310,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React84__default.forwardRef(
+    Textarea = React85__default.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -3456,7 +3549,7 @@ var init_Select = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Select = React84__default.forwardRef(
+    Select = React85__default.forwardRef(
       (props, _ref) => {
         const { multiple, searchable, clearable } = props;
         if (multiple || searchable || clearable) {
@@ -3473,7 +3566,7 @@ var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
     init_useEventBus();
-    Checkbox = React84__default.forwardRef(
+    Checkbox = React85__default.forwardRef(
       ({ className, label, id, onChange, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         const eventBus = useEventBus();
@@ -3527,7 +3620,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React84__default.forwardRef(
+    Spinner = React85__default.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -3617,7 +3710,7 @@ var init_Card = __esm({
       chip: "shadow-none rounded-pill border-[length:var(--border-width)] border-border",
       "tile-image-first": "p-0 overflow-hidden"
     };
-    Card = React84__default.forwardRef(
+    Card = React85__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -3666,9 +3759,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React84__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React85__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React84__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React85__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -3681,11 +3774,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React84__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React85__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React84__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React85__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -3772,7 +3865,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React84__default.forwardRef(
+    FilterPill = React85__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -3901,8 +3994,8 @@ var init_Avatar = __esm({
       actionPayload
     }) => {
       const eventBus = useEventBus();
-      const [imgFailed, setImgFailed] = React84__default.useState(false);
-      React84__default.useEffect(() => {
+      const [imgFailed, setImgFailed] = React85__default.useState(false);
+      React85__default.useEffect(() => {
         setImgFailed(false);
       }, [src]);
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -4015,7 +4108,7 @@ var init_Center = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = minHeight ? { minHeight, ...style } : style;
-      return React84__default.createElement(Component, {
+      return React85__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           horizontal && "justify-center",
@@ -4283,7 +4376,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React84__default.forwardRef(
+    Radio = React85__default.forwardRef(
       ({
         label,
         helperText,
@@ -4300,12 +4393,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React84__default.useId();
+        const reactId = React85__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React84__default.useState(value);
-        React84__default.useEffect(() => {
+        const [selected, setSelected] = React85__default.useState(value);
+        React85__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -4487,7 +4580,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React84.forwardRef(
+    Switch = React85.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -4498,10 +4591,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React84.useState(
+        const [isChecked, setIsChecked] = React85.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React84.useEffect(() => {
+        React85.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -4664,7 +4757,7 @@ var init_Stack = __esm({
       };
       const isHorizontal = direction === "horizontal";
       const directionClass = responsive && isHorizontal ? reverse ? "flex-col-reverse md:flex-row-reverse" : "flex-col md:flex-row" : isHorizontal ? reverse ? "flex-row-reverse" : "flex-row" : reverse ? "flex-col-reverse" : "flex-col";
-      return React84__default.createElement(
+      return React85__default.createElement(
         Component,
         {
           className: cn(
@@ -4864,7 +4957,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React84__default.forwardRef(
+    Aside = React85__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -4943,9 +5036,9 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React84__default.useState(false);
-      const timeoutRef = React84__default.useRef(null);
-      const triggerRef = React84__default.useRef(null);
+      const [isVisible, setIsVisible] = React85__default.useState(false);
+      const timeoutRef = React85__default.useRef(null);
+      const triggerRef = React85__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -4956,7 +5049,7 @@ var init_LawReferenceTooltip = __esm({
       };
       const { revealed, triggerProps } = useTapReveal({ refs: [triggerRef] });
       const open = isVisible || revealed;
-      React84__default.useEffect(() => {
+      React85__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -5166,7 +5259,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React84__default.forwardRef(
+    StatusDot = React85__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -5220,7 +5313,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React84__default.forwardRef(
+    TrendIndicator = React85__default.forwardRef(
       ({
         className,
         value,
@@ -5289,7 +5382,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React84__default.forwardRef(
+    RangeSlider = React85__default.forwardRef(
       ({
         className,
         min = 0,
@@ -5900,7 +5993,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React84__default.forwardRef(
+    ContentSection = React85__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -6434,7 +6527,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React84__default.forwardRef(
+    AnimatedReveal = React85__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -6594,7 +6687,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React84__default.forwardRef(
+    AnimatedGraphic = React85__default.forwardRef(
       ({
         src,
         svgContent,
@@ -6617,7 +6710,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React84__default.useCallback(
+        const setRef = React85__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -7085,46 +7178,45 @@ var init_useImageCache = __esm({
 });
 
 // lib/isometric.ts
-function isoToScreen(tileX, tileY, scale, baseOffsetX, layout = "isometric") {
-  const scaledTileWidth = TILE_WIDTH * scale;
-  const scaledFloorHeight = FLOOR_HEIGHT * scale;
+function isoToScreen(tileX, tileY, cellWidth, baseOffsetX, layout = "isometric") {
+  const w = cellWidth;
+  const fh = cellWidth / 2;
   if (layout === "hex") {
-    const screenX2 = tileX * scaledTileWidth + (tileY & 1) * (scaledTileWidth / 2) + baseOffsetX;
-    const screenY2 = tileY * (scaledFloorHeight * 0.75);
+    const screenX2 = tileX * w + (tileY & 1) * (w / 2) + baseOffsetX;
+    const screenY2 = tileY * (fh * 0.75);
     return { x: screenX2, y: screenY2 };
   }
   if (layout === "flat") {
-    const screenX2 = tileX * scaledTileWidth + baseOffsetX;
-    const screenY2 = tileY * scaledTileWidth;
+    const screenX2 = tileX * w + baseOffsetX;
+    const screenY2 = tileY * w;
     return { x: screenX2, y: screenY2 };
   }
-  const screenX = (tileX - tileY) * (scaledTileWidth / 2) + baseOffsetX;
-  const screenY = (tileX + tileY) * (scaledFloorHeight / 2);
+  const screenX = (tileX - tileY) * (w / 2) + baseOffsetX;
+  const screenY = (tileX + tileY) * (fh / 2);
   return { x: screenX, y: screenY };
 }
-function screenToIso(screenX, screenY, scale, baseOffsetX, layout = "isometric") {
-  const scaledTileWidth = TILE_WIDTH * scale;
-  const scaledFloorHeight = FLOOR_HEIGHT * scale;
+function screenToIso(screenX, screenY, cellWidth, baseOffsetX, layout = "isometric") {
+  const w = cellWidth;
+  const fh = cellWidth / 2;
   if (layout === "hex") {
-    const row = Math.round(screenY / (scaledFloorHeight * 0.75));
-    const col = Math.round((screenX - (row & 1) * (scaledTileWidth / 2) - baseOffsetX) / scaledTileWidth);
+    const row = Math.round(screenY / (fh * 0.75));
+    const col = Math.round((screenX - (row & 1) * (w / 2) - baseOffsetX) / w);
     return { x: col, y: row };
   }
   if (layout === "flat") {
-    const col = Math.round((screenX - baseOffsetX) / scaledTileWidth);
-    const row = Math.round(screenY / scaledTileWidth);
+    const col = Math.round((screenX - baseOffsetX) / w);
+    const row = Math.round(screenY / w);
     return { x: col, y: row };
   }
   const adjustedX = screenX - baseOffsetX;
-  const tileX = (adjustedX / (scaledTileWidth / 2) + screenY / (scaledFloorHeight / 2)) / 2;
-  const tileY = (screenY / (scaledFloorHeight / 2) - adjustedX / (scaledTileWidth / 2)) / 2;
+  const tileX = (adjustedX / (w / 2) + screenY / (fh / 2)) / 2;
+  const tileY = (screenY / (fh / 2) - adjustedX / (w / 2)) / 2;
   return { x: Math.round(tileX), y: Math.round(tileY) };
 }
-var TILE_WIDTH, FLOOR_HEIGHT, DIAMOND_TOP_Y, BACKGROUND_FALLBACK_COLOR, MINIMAP_TERRAIN_COLORS;
+var TILE_WIDTH, DIAMOND_TOP_Y, BACKGROUND_FALLBACK_COLOR, MINIMAP_TERRAIN_COLORS;
 var init_isometric = __esm({
   "lib/isometric.ts"() {
     TILE_WIDTH = 256;
-    FLOOR_HEIGHT = 128;
     DIAMOND_TOP_Y = 374;
     BACKGROUND_FALLBACK_COLOR = "#1a1a2e";
     MINIMAP_TERRAIN_COLORS = {
@@ -7346,9 +7438,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React84.useState(false);
+  const [isPressed, setIsPressed] = React85.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React84.useCallback(
+  const handlePointerDown = React85.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -7358,7 +7450,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React84.useCallback(
+  const handlePointerUp = React85.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -7368,7 +7460,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React84.useCallback(
+  const handlePointerLeave = React85.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -7626,8 +7718,8 @@ function ControlGrid({
   className
 }) {
   const eventBus = useEventBus();
-  const [active, setActive] = React84.useState(/* @__PURE__ */ new Set());
-  const handlePress = React84.useCallback(
+  const [active, setActive] = React85.useState(/* @__PURE__ */ new Set());
+  const handlePress = React85.useCallback(
     (id) => {
       setActive((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -7641,7 +7733,7 @@ function ControlGrid({
     },
     [kind, actionEvent, directionEvent, directionEvents, eventBus, onAction, onDirection]
   );
-  const handleRelease = React84.useCallback(
+  const handleRelease = React85.useCallback(
     (id) => {
       setActive((prev) => {
         const next = new Set(prev);
@@ -7999,7 +8091,7 @@ function GameMenu({
 }) {
   const resolvedOptions = (options?.length ? options : void 0) ?? (menuItems?.length ? menuItems : void 0) ?? DEFAULT_MENU_OPTIONS;
   const eventBus = useEventBus();
-  const handleOptionClick = React84.useCallback(
+  const handleOptionClick = React85.useCallback(
     (option) => {
       if (option.event) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -8235,7 +8327,7 @@ function StateGraph({
 }) {
   const eventBus = useEventBus();
   const nodes = states ?? [];
-  const positions = React84.useMemo(() => layoutStates(nodes, width, height), [nodes, width, height]);
+  const positions = React85.useMemo(() => layoutStates(nodes, width, height), [nodes, width, height]);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -8306,12 +8398,13 @@ function MiniMap({
   tileAssets,
   unitAssets
 }) {
-  const canvasRef = React84.useRef(null);
-  const imgCacheRef = React84.useRef(/* @__PURE__ */ new Map());
+  const canvasRef = React85.useRef(null);
+  const imgCacheRef = React85.useRef(/* @__PURE__ */ new Map());
   function loadImg(url) {
     const cached = imgCacheRef.current.get(url);
     if (cached) return cached.complete ? cached : null;
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.src = url;
     img.onload = () => {
       const canvas = canvasRef.current;
@@ -8322,7 +8415,7 @@ function MiniMap({
     imgCacheRef.current.set(url, img);
     return null;
   }
-  React84.useEffect(() => {
+  React85.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -8479,7 +8572,7 @@ function useCamera(initial) {
   const handleWheel = useCallback((e, drawFn) => {
     e.preventDefault();
     const zoomDelta = e.deltaY > 0 ? 0.9 : 1.1;
-    cameraRef.current.zoom = Math.max(0.5, Math.min(3, cameraRef.current.zoom * zoomDelta));
+    cameraRef.current.zoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, cameraRef.current.zoom * zoomDelta));
     drawFn?.();
   }, []);
   const handlePointerDown = useCallback((e) => {
@@ -8500,7 +8593,7 @@ function useCamera(initial) {
   const zoomAtPoint = useCallback((factor, centerX, centerY, viewportSize, drawFn) => {
     const cam = cameraRef.current;
     const oldZoom = cam.zoom;
-    const newZoom = Math.max(0.5, Math.min(3, oldZoom * factor));
+    const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, oldZoom * factor));
     if (newZoom === oldZoom) {
       drawFn?.();
       return;
@@ -8552,9 +8645,12 @@ function useCamera(initial) {
     lerpToTarget
   };
 }
+var MIN_ZOOM, MAX_ZOOM;
 var init_useCamera = __esm({
   "hooks/useCamera.ts"() {
     "use client";
+    MIN_ZOOM = 0.05;
+    MAX_ZOOM = 10;
   }
 });
 function localPoint(canvas, clientX, clientY) {
@@ -8675,6 +8771,7 @@ function getOrLoadImage(url, onReady) {
     return null;
   }
   const img = new Image();
+  img.crossOrigin = "anonymous";
   const entry = { img, status: "pending", onReady };
   cache.set(url, entry);
   updateAssetStatus(url, "pending");
@@ -8686,10 +8783,14 @@ function getOrLoadImage(url, onReady) {
   img.onerror = () => {
     entry.status = "failed";
     updateAssetStatus(url, "failed");
+    entry.onReady?.();
   };
   img.src = url;
   return null;
 }
+function getImageStatus(url) {
+  return cache.get(url)?.status;
+}
 var cache;
 var init_imageCache = __esm({
   "lib/imageCache.ts"() {
@@ -8828,12 +8929,13 @@ var init_webPainter2d = __esm({
 
 // lib/drawable/projector.ts
 function create2DProjector(opts) {
-  const { scale, baseOffsetX, layout } = opts;
-  const tileWidth = layout === "free" ? 1 : TILE_WIDTH * scale;
-  const floorHeight = layout === "free" ? 1 : FLOOR_HEIGHT * scale;
-  const diamondTopY = layout === "free" ? 0 : (opts.diamondTopY ?? DIAMOND_TOP_Y) * scale;
+  const { baseOffsetX, layout } = opts;
+  const tw = opts.tileWidth ?? TILE_WIDTH;
+  const tileWidth = layout === "free" ? 1 : tw;
+  const floorHeight = layout === "free" ? 1 : tw / 2;
+  const diamondTopY = layout === "free" ? 0 : opts.diamondTopY ?? tw * (DIAMOND_TOP_Y / TILE_WIDTH);
   const squareGrid = layout === "flat" || layout === "free";
-  const project = (pos) => layout === "free" ? { x: pos.x, y: pos.y } : isoToScreen(pos.x, pos.y, scale, baseOffsetX, layout);
+  const project = (pos) => layout === "free" ? { x: pos.x, y: pos.y } : isoToScreen(pos.x, pos.y, tw, baseOffsetX, layout);
   const anchorPoint = (pos, anchor) => {
     const base = project(pos);
     if (anchor === "top-left") return base;
@@ -8864,7 +8966,7 @@ function create2DProjector(opts) {
       { x: base.x, y: topY + floorHeight / 2 }
     ];
   };
-  return { project, anchorPoint, cellPath, tileWidth, floorHeight, diamondTopY, scale, squareGrid };
+  return { project, anchorPoint, cellPath, tileWidth, floorHeight, diamondTopY, squareGrid, worldPixelDirect: layout === "free" };
 }
 var init_projector = __esm({
   "lib/drawable/projector.ts"() {
@@ -8880,32 +8982,67 @@ var init_contract = __esm({
   "lib/drawable/contract.ts"() {
   }
 });
-
-// components/game/atoms/DrawSprite.tsx
+function warnMissingOnce(reason, node) {
+  const key = `${reason}:${node.asset.url}:${String(node.asset.atlas)}:${String(node.asset.sprite)}`;
+  if (loggedMissing.has(key)) return;
+  loggedMissing.add(key);
+  spriteLog.warn("draw-sprite asset unresolvable \u2014 painting fallback square", { reason, url: node.asset.url, atlas: node.asset.atlas, sprite: node.asset.sprite });
+}
+function paintFallbackSquare(painter, node, dctx, reason) {
+  warnMissingOnce(reason, node);
+  const tw = dctx.projector.tileWidth;
+  const natural = dctx.projector.worldPixelDirect ? FALLBACK_WORLD_PX : tw;
+  const w = node.width !== void 0 ? node.width * tw : natural;
+  const h = node.height !== void 0 ? node.height * tw : natural;
+  const anchor = node.anchor ?? "top-left";
+  const p = dctx.projector.anchorPoint(node.position, anchor);
+  const dx = anchor === "top-left" ? p.x : p.x - w / 2;
+  const dy = anchor === "ground" ? p.y - h : anchor === "center" ? p.y - h / 2 : p.y;
+  painter.save();
+  if (node.opacity !== void 0 && node.opacity !== 1) painter.setAlpha(node.opacity);
+  painter.fillRect(dx, dy, w, h, "#9b8f7f");
+  painter.strokeRect(dx, dy, w, h, "#5e564b", Math.max(1, tw / 32));
+  painter.restore();
+}
 function DrawSprite(_props) {
   return null;
 }
-var paintSprite;
+var spriteLog, loggedMissing, FALLBACK_WORLD_PX, paintSprite;
 var init_DrawSprite = __esm({
   "components/game/atoms/DrawSprite.tsx"() {
     "use client";
     init_atlasSlice();
+    init_imageCache();
     init_contract();
+    spriteLog = createLogger("almadar:ui:draw-sprite");
+    loggedMissing = /* @__PURE__ */ new Set();
+    FALLBACK_WORLD_PX = 32;
     paintSprite = (painter, node, dctx) => {
       if (!node.asset?.url || !isValidScenePos(node.position)) return;
       const tex = painter.resolveTexture(node.asset.url);
-      if (!tex) return;
+      if (!tex) {
+        if (getImageStatus(node.asset.url) === "failed") paintFallbackSquare(painter, node, dctx, "texture-failed");
+        return;
+      }
       let src = typeof node.frame === "object" ? node.frame : void 0;
       if (!src && isAtlasAsset(node.asset)) {
         const atlas = getAtlas(node.asset.atlas, dctx.invalidate);
-        if (!atlas) return;
+        if (!atlas) {
+          if (atlasFailed(node.asset.atlas)) paintFallbackSquare(painter, node, dctx, "atlas-failed");
+          return;
+        }
         const r = subRectFor(atlas, node.asset.sprite);
-        if (!r) return;
+        if (!r) {
+          paintFallbackSquare(painter, node, dctx, "sprite-missing");
+          return;
+        }
         src = { x: r.sx, y: r.sy, w: r.sw, h: r.sh };
       }
       const tw = dctx.projector.tileWidth;
-      const w = node.width !== void 0 ? node.width * tw : src ? src.w : tex.width;
-      const h = node.height !== void 0 ? node.height * tw : src ? src.h : tex.height;
+      const fallbackW = dctx.projector.worldPixelDirect ? src ? src.w : tex.width : tw;
+      const fallbackH = dctx.projector.worldPixelDirect ? src ? src.h : tex.height : tw;
+      const w = node.width !== void 0 ? node.width * tw : fallbackW;
+      const h = node.height !== void 0 ? node.height * tw : fallbackH;
       const anchor = node.anchor ?? "top-left";
       const p = dctx.projector.anchorPoint(node.position, anchor);
       const dx = anchor === "top-left" ? p.x : p.x - w / 2;
@@ -9171,6 +9308,8 @@ function Canvas2D({
   keyUpMap,
   camera = "pan-zoom",
   scale = 0.4,
+  tileWidth,
+  fit = false,
   showMinimap = true,
   followTarget,
   cameraPos,
@@ -9213,9 +9352,32 @@ function Canvas2D({
     observer2.observe(el);
     return () => observer2.disconnect();
   }, []);
-  const scaledTileWidth = TILE_WIDTH * scale;
-  const scaledFloorHeight = FLOOR_HEIGHT * scale;
-  const scaledDiamondTopY = DIAMOND_TOP_Y * scale;
+  const [atlasVersion, setAtlasVersion] = useState(0);
+  const bumpAtlas = useCallback(() => setAtlasVersion((v) => v + 1), []);
+  const detectedTileWidth = useMemo(() => {
+    for (const n of drawables ?? []) {
+      const refs = [];
+      if (n.type === "draw-sprite") refs.push(n.asset);
+      else if (n.type === "draw-sprite-layer") for (const it of n.items) refs.push(it.asset);
+      for (const a of refs) {
+        if (a && isAtlasAsset(a) && a.atlas) {
+          const atlas = getAtlas(a.atlas, bumpAtlas);
+          if (atlas) {
+            if ("tileWidth" in atlas) return atlas.tileWidth;
+            if ("subTextures" in atlas) {
+              const first = Object.values(atlas.subTextures)[0];
+              if (first && typeof first.width === "number") return first.width;
+            }
+          }
+        }
+      }
+    }
+    return void 0;
+  }, [drawables, atlasVersion]);
+  const nativeTileW = tileWidth ?? detectedTileWidth ?? TILE_WIDTH;
+  const scaledTileWidth = nativeTileW;
+  const scaledFloorHeight = nativeTileW / 2;
+  const scaledDiamondTopY = nativeTileW * (DIAMOND_TOP_Y / TILE_WIDTH);
   const drawnItems = useMemo(() => collectDrawnItems(drawables ?? []), [drawables]);
   const scenePositions = useMemo(() => drawnItems.map((i) => i.pos), [drawnItems]);
   const hitIndex = useMemo(() => buildHitIndex(drawnItems), [drawnItems]);
@@ -9233,14 +9395,36 @@ function Canvas2D({
     if (isFree || projection === "flat" || projection === "side") return 0;
     return (gridExtent.height - 1) * (scaledTileWidth / 2);
   }, [isFree, projection, gridExtent.height, scaledTileWidth]);
+  const effectiveZoom = useMemo(() => {
+    if (isFree || projection === "side") return scale;
+    if (!fit) {
+      const z2 = TILE_WIDTH * scale * scale / nativeTileW;
+      return Number.isFinite(z2) && z2 > 0 ? z2 : scale;
+    }
+    if (!viewportSize.width || gridExtent.width < 2 || gridExtent.height < 2) return scale;
+    let boardW;
+    let boardH;
+    if (projection === "flat") {
+      boardW = gridExtent.width * nativeTileW;
+      boardH = gridExtent.height * nativeTileW;
+    } else if (projection === "hex") {
+      boardW = (gridExtent.width + 0.5) * nativeTileW;
+      boardH = gridExtent.height * (nativeTileW / 2) * 0.75 + nativeTileW / 2;
+    } else {
+      boardW = (gridExtent.width + gridExtent.height) * (nativeTileW / 2);
+      boardH = (gridExtent.width + gridExtent.height) * (nativeTileW / 4);
+    }
+    const z = Math.min(viewportSize.width * 0.85 / boardW, viewportSize.height * 0.85 / boardH);
+    return Number.isFinite(z) && z > 0 ? z : scale;
+  }, [isFree, projection, fit, viewportSize, gridExtent, nativeTileW, scale]);
   const projector = useMemo(
-    () => create2DProjector({ scale, baseOffsetX, layout }),
-    [scale, baseOffsetX, layout]
+    () => create2DProjector({ tileWidth: nativeTileW, baseOffsetX, layout }),
+    [nativeTileW, baseOffsetX, layout]
   );
   const unproject = useCallback((screenX, screenY) => {
     if (projection === "free" || projection === "side") return { x: Math.round(screenX), y: Math.round(screenY) };
-    return screenToIso(screenX, screenY, scale, baseOffsetX, projection);
-  }, [projection, scale, baseOffsetX]);
+    return screenToIso(screenX, screenY, nativeTileW, baseOffsetX, projection);
+  }, [projection, nativeTileW, baseOffsetX]);
   const bgUrls = useMemo(() => backgroundImage ? [backgroundImage.url] : [], [backgroundImage]);
   const { getImage, pendingCount: _imagePendingCount } = useImageCache(bgUrls);
   useEffect(() => {
@@ -9267,9 +9451,7 @@ function Canvas2D({
     zoomAtPoint,
     screenToWorld,
     lerpToTarget
-  } = useCamera({ zoom: scale });
-  const [atlasVersion, setAtlasVersion] = useState(0);
-  const bumpAtlas = useCallback(() => setAtlasVersion((v) => v + 1), []);
+  } = useCamera({ zoom: effectiveZoom });
   const miniMapTiles = useMemo(() => {
     if (!showMinimap) return [];
     const color = MINIMAP_TERRAIN_COLORS.default;
@@ -9344,6 +9526,13 @@ function Canvas2D({
   useEffect(() => {
     draw();
   }, [_imagePendingCount, draw]);
+  const userZoomedRef = useRef(false);
+  useEffect(() => {
+    if (userZoomedRef.current) return;
+    if (cameraRef.current.zoom === effectiveZoom) return;
+    cameraRef.current.zoom = effectiveZoom;
+    draw();
+  }, [effectiveZoom, cameraRef, draw]);
   useEffect(() => {
     draw();
   }, [atlasVersion, draw]);
@@ -9400,7 +9589,9 @@ function Canvas2D({
     if (tileLeaveEvent) eventBus.emit(`UI:${tileLeaveEvent}`, {});
   }, [handleMouseLeave, tileLeaveEvent, eventBus]);
   const applyZoom = useCallback((factor, centerX, centerY) => {
-    if (enableCamera) zoomAtPoint(factor, centerX, centerY, viewportSize, () => draw());
+    if (!enableCamera) return;
+    userZoomedRef.current = true;
+    zoomAtPoint(factor, centerX, centerY, viewportSize, () => draw());
   }, [enableCamera, zoomAtPoint, viewportSize, draw]);
   const applyPanDelta = useCallback((dx, dy) => {
     if (enableCamera) panBy(dx, dy, () => draw());
@@ -9585,6 +9776,8 @@ function Canvas({
   isLoading,
   unitScale,
   showMinimap,
+  fit,
+  tileWidth,
   backgroundImage,
   backgroundColor,
   worldWidth,
@@ -9642,6 +9835,8 @@ function Canvas({
       projection,
       camera: to2DCamera(camera?.mode),
       ...zoom !== void 0 ? { scale: zoom } : {},
+      ...fit !== void 0 ? { fit } : {},
+      ...tileWidth !== void 0 ? { tileWidth } : {},
       ...camera?.target !== void 0 ? { followTarget: camera.target } : {},
       ...camera?.pos !== void 0 ? { cameraPos: camera.pos } : {},
       showMinimap,
@@ -10051,7 +10246,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -10586,7 +10781,7 @@ function SequenceBar({
     else onSlotRemove?.(index);
   }, [emit, slotRemoveEvent, onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -11235,7 +11430,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React84__default.Component {
+    ErrorBoundary = class extends React85__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -11887,7 +12082,7 @@ var init_Container = __esm({
       as: Component = "div"
     }) => {
       const resolvedSize = maxWidth ?? size ?? "lg";
-      return React84__default.createElement(
+      return React85__default.createElement(
         Component,
         {
           className: cn(
@@ -14852,7 +15047,7 @@ var init_CodeBlock = __esm({
     DIFF_STYLE_FALLBACK = { bg: "", prefix: " ", text: "text-foreground" };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React84__default.memo(
+    CodeBlock = React85__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -15440,7 +15635,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React84__default.memo(
+    MarkdownContent = React85__default.memo(
       ({ content, direction = "ltr", className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -16767,7 +16962,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React84__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React85__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode2,
                     {
                       state,
@@ -22589,8 +22784,8 @@ var init_Menu = __esm({
         "bottom-end": "bottom-start"
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
-      const triggerChild = React84__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React84__default.cloneElement(
+      const triggerChild = React85__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React85__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -22685,14 +22880,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React84__default.useContext(RootCtx);
+  const parentRoot = React85__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React84__default.useId();
+  const zoneId = React85__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React84__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React84__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React85__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React85__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React84__default.useCallback((group) => {
+  const clearOptimisticOrder = React85__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -22717,7 +22912,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__idx_${idx}`;
   }).join("|");
-  const itemIds = React84__default.useMemo(
+  const itemIds = React85__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw != null ? String(raw) : `__idx_${idx}`;
@@ -22728,7 +22923,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__${idx}`;
   }).join("|");
-  React84__default.useEffect(() => {
+  React85__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -22736,20 +22931,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React84__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React84__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React85__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React85__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React84__default.useCallback((zoneId2) => {
+  const unregisterZone = React85__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React84__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React84__default.useState(null);
-  const meta = React84__default.useMemo(
+  const [activeDrag, setActiveDrag] = React85__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React85__default.useState(null);
+  const meta = React85__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React84__default.useEffect(() => {
+  React85__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -22768,7 +22963,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React84__default.useCallback(
+  const findZoneByItem = React85__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -22777,7 +22972,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React84__default.useCallback(
+  React85__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -22786,7 +22981,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React84__default.useCallback(
+  const handleDragEnd = React85__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -22877,8 +23072,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React84__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React84__default.useCallback(
+  const sortableData = React85__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React85__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -22918,7 +23113,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React84__default.useContext(RootCtx);
+    const ctx = React85__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -22933,7 +23128,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React84__default.useEffect(() => {
+    React85__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -22947,11 +23142,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React84__default.useMemo(
+  const rootContextValue = React85__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React84__default.useCallback((event) => {
+  const handleDragStart = React85__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
     const rect = event.active.rect.current.initial;
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
@@ -22970,7 +23165,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React84__default.useCallback((event) => {
+  const handleDragOver = React85__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -23040,7 +23235,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React84__default.useCallback((event) => {
+  const handleDragCancel = React85__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -23048,12 +23243,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React84__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React85__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React84__default.useCallback(
+  const wrapContainer = React85__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -23107,7 +23302,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React84__default.createContext(null);
+    RootCtx = React85__default.createContext(null);
   }
 });
 function renderIconInput(icon, props) {
@@ -23649,7 +23844,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React84__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React85__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -23665,14 +23860,14 @@ function DataList({
     dndRoot
   });
   const orderedData = dnd.orderedItems;
-  const allData = React84__default.useMemo(
+  const allData = React85__default.useMemo(
     () => sortRows(orderedData, sortBy, sortDirection),
     [orderedData, sortBy, sortDirection]
   );
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React84__default.useEffect(() => {
+  React85__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -23787,7 +23982,7 @@ function DataList({
       return v === void 0 || v === null || v === "" ? raw : String(v);
     };
     return /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: cn("py-2", className), children: [
-      groups2.map((group, gi) => /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+      groups2.map((group, gi) => /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
         group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
         group.items.map((itemData, index) => {
           const id = itemData.id || `${gi}-${index}`;
@@ -23823,7 +24018,11 @@ function DataList({
                     metaFields.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "mt-1 flex-wrap", children: metaFields.map((f3) => {
                       const v = getNestedValue(itemData, f3.name);
                       if (v === void 0 || v === null || v === "") return null;
-                      return f3.variant === "badge" ? /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(String(v)), children: String(v) }, f3.name) : /* @__PURE__ */ jsx(
+                      return f3.variant === "badge" ? (
+                        // `format` applies here too — a boolean field badged
+                        // without it renders the raw "false" instead of "No".
+                        /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(String(v)), children: formatValue2(v, f3.format) }, f3.name)
+                      ) : /* @__PURE__ */ jsx(
                         Typography,
                         {
                           variant: "caption",
@@ -23935,7 +24134,7 @@ function DataList({
                     if (val === void 0 || val === null) return null;
                     return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
                       field.icon && renderIconInput2(field.icon, { size: "xs" }),
-                      /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(String(val)), children: String(val) })
+                      /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(String(val)), children: formatValue2(val, field.format) })
                     ] }, field.name);
                   })
                 ] }),
@@ -23982,7 +24181,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
             group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
             group.items.map(
               (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
@@ -24069,7 +24268,7 @@ var init_FormSection = __esm({
       columns = 1,
       className
     }) => {
-      const [collapsed, setCollapsed] = React84__default.useState(defaultCollapsed);
+      const [collapsed, setCollapsed] = React85__default.useState(defaultCollapsed);
       const { t } = useTranslate();
       const eventBus = useEventBus();
       const gridClass = {
@@ -24077,7 +24276,7 @@ var init_FormSection = __esm({
         2: "grid-cols-1 md:grid-cols-2",
         3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
       }[columns];
-      React84__default.useCallback(() => {
+      React85__default.useCallback(() => {
         if (collapsible) {
           setCollapsed((prev) => !prev);
           eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -24174,6 +24373,182 @@ var init_FormSection = __esm({
     FormActions.displayName = "FormActions";
   }
 });
+var ALL_CATEGORY, MAX_RENDERED, GridPicker;
+var init_GridPicker = __esm({
+  "components/core/molecules/GridPicker.tsx"() {
+    "use client";
+    init_cn();
+    init_Input();
+    init_Badge();
+    init_Stack();
+    ALL_CATEGORY = "__all__";
+    MAX_RENDERED = 300;
+    GridPicker = ({
+      items,
+      value,
+      onChange,
+      categories,
+      searchPlaceholder,
+      renderThumbnail,
+      cellSize = 32,
+      className
+    }) => {
+      const [search, setSearch] = useState("");
+      const [activeCategory, setActiveCategory] = useState(ALL_CATEGORY);
+      const gridRef = useRef(null);
+      const categoryChips = useMemo(() => {
+        if (categories !== void 0) return categories;
+        const seen = [];
+        for (const item of items) {
+          if (!seen.includes(item.category)) seen.push(item.category);
+        }
+        return seen;
+      }, [categories, items]);
+      const filtered = useMemo(() => {
+        const needle = search.trim().toLowerCase();
+        return items.filter((item) => {
+          const matchesCategory = activeCategory === ALL_CATEGORY || item.category === activeCategory;
+          const matchesSearch = needle === "" || item.label.toLowerCase().includes(needle) || item.keywords !== void 0 && item.keywords.some((k) => k.toLowerCase().includes(needle));
+          return matchesCategory && matchesSearch;
+        });
+      }, [items, search, activeCategory]);
+      const visible = useMemo(() => filtered.slice(0, MAX_RENDERED), [filtered]);
+      const truncated = filtered.length - visible.length;
+      const select = useCallback(
+        (item) => {
+          onChange(item.id);
+        },
+        [onChange]
+      );
+      const handleKeyDown = useCallback(
+        (e, index) => {
+          const cells = gridRef.current?.querySelectorAll(
+            "[data-gridpicker-cell]"
+          );
+          if (cells === void 0 || cells.length === 0) return;
+          const columns = (() => {
+            const grid = gridRef.current;
+            if (grid === null) return 1;
+            const style = window.getComputedStyle(grid);
+            const cols = style.gridTemplateColumns.split(" ").filter(Boolean).length;
+            return cols > 0 ? cols : 1;
+          })();
+          let next = -1;
+          if (e.key === "ArrowRight") next = index + 1;
+          else if (e.key === "ArrowLeft") next = index - 1;
+          else if (e.key === "ArrowDown") next = index + columns;
+          else if (e.key === "ArrowUp") next = index - columns;
+          else if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            select(filtered[index]);
+            return;
+          } else {
+            return;
+          }
+          e.preventDefault();
+          if (next >= 0 && next < cells.length) {
+            cells[next].focus();
+          }
+        },
+        [filtered, select]
+      );
+      return /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: cn("w-full", className), children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "search",
+            icon: "search",
+            value: search,
+            placeholder: searchPlaceholder,
+            clearable: true,
+            onClear: () => setSearch(""),
+            onChange: (e) => setSearch(e.target.value)
+          }
+        ),
+        categoryChips.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", wrap: true, children: [
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: activeCategory === ALL_CATEGORY ? "primary" : "neutral",
+              size: "sm",
+              role: "button",
+              tabIndex: 0,
+              "aria-pressed": activeCategory === ALL_CATEGORY,
+              className: "cursor-pointer",
+              onClick: () => setActiveCategory(ALL_CATEGORY),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  setActiveCategory(ALL_CATEGORY);
+                }
+              },
+              children: "All"
+            }
+          ),
+          categoryChips.map((category) => /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: activeCategory === category ? "primary" : "neutral",
+              size: "sm",
+              role: "button",
+              tabIndex: 0,
+              "aria-pressed": activeCategory === category,
+              className: "cursor-pointer",
+              onClick: () => setActiveCategory(category),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  setActiveCategory(category);
+                }
+              },
+              children: category
+            },
+            category
+          ))
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: gridRef,
+            role: "listbox",
+            className: "grid gap-1 overflow-y-auto max-h-64 p-1",
+            style: {
+              gridTemplateColumns: `repeat(auto-fill, minmax(${cellSize}px, 1fr))`
+            },
+            children: visible.map((item, index) => {
+              const selected = item.id === value;
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": selected,
+                  "aria-label": item.label,
+                  title: item.label,
+                  "data-gridpicker-cell": true,
+                  tabIndex: selected || value === void 0 && index === 0 ? 0 : -1,
+                  onClick: () => select(item),
+                  onKeyDown: (e) => handleKeyDown(e, index),
+                  className: cn(
+                    "flex items-center justify-center rounded-sm",
+                    "transition-colors hover:bg-muted",
+                    "focus:outline-none focus:ring-1 focus:ring-ring",
+                    selected && "bg-primary/10 ring-1 ring-primary"
+                  ),
+                  style: { width: cellSize, height: cellSize },
+                  children: renderThumbnail(item)
+                },
+                item.id
+              );
+            })
+          }
+        ),
+        truncated > 0 && /* @__PURE__ */ jsx("div", { className: "px-1 text-xs text-muted-foreground", children: `+${truncated} more \u2014 refine your search` })
+      ] });
+    };
+    GridPicker.displayName = "GridPicker";
+  }
+});
 function fileIcon(name) {
   const ext = name.split(".").pop()?.toLowerCase() ?? "";
   switch (ext) {
@@ -24946,7 +25321,7 @@ var init_Flex = __esm({
           flexStyle.flexBasis = typeof basis === "number" ? `${basis}px` : basis;
         }
       }
-      return React84__default.createElement(Component, {
+      return React85__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           directionStyles[direction],
@@ -25065,7 +25440,7 @@ var init_Grid = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = rows ? { gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`, ...style } : style;
-      return React84__default.createElement(
+      return React85__default.createElement(
         Component,
         {
           className: cn(
@@ -25202,9 +25577,16 @@ var init_Popover = __esm({
       position = "bottom",
       trigger = "click",
       showArrow = true,
+      open,
+      onOpenChange,
       className
     }) => {
-      const [isOpen, setIsOpen] = useState(false);
+      const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+      const isOpen = open !== void 0 ? open : uncontrolledOpen;
+      const setIsOpen = (next) => {
+        if (open === void 0) setUncontrolledOpen(next);
+        onOpenChange?.(next);
+      };
       const [triggerRect, setTriggerRect] = useState(null);
       const [popoverWidth, setPopoverWidth] = useState(0);
       const triggerRef = useRef(null);
@@ -25237,6 +25619,23 @@ var init_Popover = __esm({
           updatePosition();
         }
       }, [isOpen]);
+      useEffect(() => {
+        if (!isOpen) return;
+        let raf = 0;
+        let lastTop = Number.NaN;
+        let lastLeft = Number.NaN;
+        const track = () => {
+          const rect = triggerRef.current?.getBoundingClientRect();
+          if (rect && (rect.top !== lastTop || rect.left !== lastLeft)) {
+            lastTop = rect.top;
+            lastLeft = rect.left;
+            updatePosition();
+          }
+          raf = requestAnimationFrame(track);
+        };
+        raf = requestAnimationFrame(track);
+        return () => cancelAnimationFrame(raf);
+      }, [isOpen]);
       useEffect(() => {
         if (!mounted) setPopoverWidth(0);
       }, [mounted]);
@@ -25273,9 +25672,9 @@ var init_Popover = __esm({
         onMouseLeave: handleClose,
         onPointerDown: tapTriggerProps.onPointerDown
       };
-      const childElement = React84__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const childElement = React85__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = childElement.props.onPointerDown;
-      const triggerElement = React84__default.cloneElement(
+      const triggerElement = React85__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -25884,9 +26283,9 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React84__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React85__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = triggerElement.props.onPointerDown;
-      const trigger = React84__default.cloneElement(triggerElement, {
+      const trigger = React85__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -25976,7 +26375,7 @@ var init_WizardProgress = __esm({
           children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: normalizedSteps.map((step, index) => {
             const isActive = index === currentStep;
             const isCompleted = index < currentStep;
-            return /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -26585,6 +26984,80 @@ var init_FlipCard = __esm({
     FlipCard.displayName = "FlipCard";
   }
 });
+var EMOJI_ITEMS, EmojiPicker;
+var init_EmojiPicker = __esm({
+  "components/core/molecules/EmojiPicker.tsx"() {
+    "use client";
+    init_useEventBus();
+    init_Button();
+    init_GridPicker();
+    init_Popover();
+    EMOJI_ITEMS = (() => {
+      const items = [];
+      for (const name of ordered) {
+        const entry = lib[name];
+        if (entry === void 0 || entry.char === null || entry.char === "") continue;
+        items.push({
+          id: entry.char,
+          label: name.replace(/_/g, " "),
+          category: entry.category.replace(/_/g, " "),
+          keywords: entry.keywords
+        });
+      }
+      return items;
+    })();
+    EmojiPicker = ({
+      pickEvent,
+      position = "top",
+      triggerIcon = "smile",
+      triggerLabel = "Add emoji",
+      className
+    }) => {
+      const eventBus = useEventBus();
+      const [open, setOpen] = useState(false);
+      const handlePick = (glyph) => {
+        if (pickEvent !== void 0) {
+          const payload = { emoji: glyph };
+          eventBus.emit(`UI:${pickEvent}`, payload);
+        }
+        setOpen(false);
+      };
+      return /* @__PURE__ */ jsx(
+        Popover,
+        {
+          position,
+          trigger: "click",
+          showArrow: false,
+          open,
+          onOpenChange: setOpen,
+          content: /* @__PURE__ */ jsx(
+            GridPicker,
+            {
+              items: EMOJI_ITEMS,
+              onChange: handlePick,
+              searchPlaceholder: "Search emoji\u2026",
+              renderThumbnail: (item) => /* @__PURE__ */ jsx("span", { className: "text-xl leading-none", "aria-hidden": "true", children: item.id }),
+              cellSize: 32,
+              className: "w-80"
+            }
+          ),
+          children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              icon: triggerIcon,
+              "aria-label": triggerLabel,
+              title: triggerLabel,
+              className,
+              "data-testid": "emoji-picker-trigger"
+            }
+          )
+        }
+      );
+    };
+    EmojiPicker.displayName = "EmojiPicker";
+  }
+});
 function toISODate(d) {
   return d.toISOString().slice(0, 10);
 }
@@ -27537,12 +28010,12 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect62, useRef: useRef60, useCallback: useCallback94, useState: useState91 } = React84__default;
+      const { useEffect: useEffect62, useRef: useRef61, useCallback: useCallback95, useState: useState93 } = React85__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef60({ centerLat, centerLng, zoom });
+        const prevRef = useRef61({ centerLat, centerLng, zoom });
         useEffect62(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
@@ -27582,8 +28055,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState91(null);
-        const handleMapClick = useCallback94((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState93(null);
+        const handleMapClick = useCallback95((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -27592,7 +28065,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback94((marker) => {
+        const handleMarkerClick = useCallback95((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -28427,6 +28900,7 @@ function TableView({
   fields,
   itemActions,
   maxInlineActions,
+  itemClickEvent,
   selectable = false,
   selectEvent,
   selectedIds,
@@ -28454,8 +28928,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React84__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React84__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React85__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React85__default.useState(/* @__PURE__ */ new Set());
   const colDefs = (Array.isArray(columns) ? columns : void 0) ?? (Array.isArray(fields) ? fields : void 0) ?? [];
   const actionDefs = Array.isArray(itemActions) ? itemActions : [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
@@ -28471,13 +28945,13 @@ function TableView({
     dndItemIdField,
     dndRoot
   });
-  const ordered = dnd.orderedItems;
-  const data = pageSize > 0 ? ordered.slice(0, visibleCount) : ordered;
-  const hasMore = pageSize > 0 && visibleCount < ordered.length;
+  const ordered2 = dnd.orderedItems;
+  const data = pageSize > 0 ? ordered2.slice(0, visibleCount) : ordered2;
+  const hasMore = pageSize > 0 && visibleCount < ordered2.length;
   const hasRenderProp = typeof children === "function";
   const idField = dndItemIdField ?? "id";
   const isCoarsePointer = useMediaQuery("(pointer: coarse)");
-  React84__default.useEffect(() => {
+  React85__default.useEffect(() => {
     tableViewLog.debug("render", {
       rowCount: data.length,
       colCount: colDefs.length,
@@ -28526,7 +29000,15 @@ function TableView({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
-  const colFloors = React84__default.useMemo(
+  const handleRowClick = (row) => () => {
+    if (!itemClickEvent) return;
+    const payload = {
+      id: row.id,
+      row
+    };
+    eventBus.emit(`UI:${itemClickEvent}`, payload);
+  };
+  const colFloors = React85__default.useMemo(
     () => colDefs.map((col) => {
       const longest = data.reduce((widest, row) => {
         const cell = formatCell(asFieldValue(getNestedValue(row, col.field ?? col.key)), col.format);
@@ -28602,10 +29084,12 @@ function TableView({
         role: "row",
         "data-entity-row": true,
         "data-entity-id": id,
+        onClick: itemClickEvent ? handleRowClick(row) : void 0,
         style: !hasRenderProp ? { gridTemplateColumns } : void 0,
         className: cn(
           "group items-center gap-3 transition-colors duration-fast",
           hasRenderProp ? "flex" : "grid",
+          itemClickEvent && "cursor-pointer",
           lk.rowPad,
           lk.divider && "border-b border-[var(--color-border)]",
           lk.striped && index % 2 === 1 && "bg-[var(--color-surface-subtle)]",
@@ -28613,7 +29097,7 @@ function TableView({
           look === "bordered" && "[&>*]:border-r [&>*]:border-[var(--color-border)] [&>*:last-child]:border-r-0"
         ),
         children: [
-          selectable && /* @__PURE__ */ jsx(Box, { className: "flex items-center", children: /* @__PURE__ */ jsx(
+          selectable && /* @__PURE__ */ jsx(Box, { className: "flex items-center", onClick: itemClickEvent ? (e) => e.stopPropagation() : void 0, children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: selected.has(id),
@@ -28638,6 +29122,7 @@ function TableView({
             HStack,
             {
               gap: "xs",
+              onClick: itemClickEvent ? (e) => e.stopPropagation() : void 0,
               className: cn(
                 // Pinned: the fixed column tracks routinely overflow the caller's
                 // scroll container, which used to leave the actions off-screen.
@@ -28685,12 +29170,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React84__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React85__default.Fragment, { children: rowInner }, id);
   };
   const items = Array.from(data);
   const groups = groupBy ? groupData2(items, groupBy) : [{ label: "", items }];
   let runningIndex = 0;
-  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
     group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-3" : "mt-0" }),
     group.items.map((row) => renderRow(row, runningIndex++))
   ] }, gi)) });
@@ -28707,7 +29192,7 @@ function TableView({
           /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
           t("common.showMore"),
           " (",
-          t("common.remaining", { count: ordered.length - visibleCount }),
+          t("common.remaining", { count: ordered2.length - visibleCount }),
           ")"
         ] }) })
       ]
@@ -30053,7 +30538,7 @@ var init_StepFlow = __esm({
       className
     }) => {
       if (orientation === "vertical") {
-        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React84__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React85__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
           /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
             /* @__PURE__ */ jsx(StepCircle, { step, index }),
             showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-border" })
@@ -30064,7 +30549,7 @@ var init_StepFlow = __esm({
           ] })
         ] }) }, index)) });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
           /* @__PURE__ */ jsx(StepCircle, { step, index }),
           /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -31054,7 +31539,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React84__default.forwardRef(
+    LikertScale = React85__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -31066,7 +31551,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React84__default.useId();
+        const groupId = React85__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -33355,7 +33840,7 @@ var init_DocBreadcrumb = __esm({
           "aria-label": t("aria.breadcrumb"),
           children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
             const isLast = idx === items.length - 1;
-            return /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -34224,7 +34709,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP + ARROW_W + GAP);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial ?? void 0, s.isTerminal ?? void 0, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -34428,7 +34913,7 @@ var init_PageHeader = __esm({
         info: "bg-info/10 text-info"
       };
       return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -34786,7 +35271,7 @@ var init_Section = __esm({
       as: Component = "section"
     }) => {
       const hasHeader = title || description || action;
-      return React84__default.createElement(
+      return React85__default.createElement(
         Component,
         {
           className: cn(
@@ -35160,7 +35645,7 @@ var init_WizardContainer = __esm({
               const isCompleted = index < currentStep;
               const stepKey = step.id ?? step.tabId ?? `step-${index}`;
               const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-              return /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -36947,7 +37432,7 @@ var init_ImportPreviewTree = __esm({
       const renderUnit = (unit, childrenByParent, depth) => {
         const summary = fieldSummary(unit);
         const children = childrenByParent.get(unit.ref) ?? [];
-        return /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
           /* @__PURE__ */ jsxs(
             Box,
             {
@@ -37044,7 +37529,7 @@ var init_ImportProgress = __esm({
           PIPELINE.map((key, index) => {
             const isComplete = index < currentIndex;
             const isActive = index === currentIndex;
-            return /* @__PURE__ */ jsxs(React84__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React85__default.Fragment, { children: [
               index > 0 ? /* @__PURE__ */ jsx(Box, { className: "h-px w-4 bg-border" }) : null,
               /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-1", "data-testid": `import-progress-step-${key}`, children: [
                 /* @__PURE__ */ jsx(
@@ -38157,7 +38642,7 @@ var init_DrawGroup = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React84__default.isValidElement(children)) return void 0;
+  if (!React85__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -38507,12 +38992,12 @@ var init_Form = __esm({
       const isSchemaEntity = isOrbitalEntitySchema(entity);
       const resolvedEntity = isSchemaEntity ? entity : void 0;
       const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-      const normalizedInitialData = React84__default.useMemo(() => {
+      const normalizedInitialData = React85__default.useMemo(() => {
         const entityRowAsInitial = isPlainEntityRow(entity) ? entity : void 0;
         const callerInitial = initialData !== null && typeof initialData === "object" && !Array.isArray(initialData) ? initialData : {};
         return entityRowAsInitial !== void 0 ? { ...entityRowAsInitial, ...callerInitial } : callerInitial;
       }, [entity, initialData]);
-      const entityDerivedFields = React84__default.useMemo(() => {
+      const entityDerivedFields = React85__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -38533,16 +39018,16 @@ var init_Form = __esm({
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React84__default.useState(
+      const [formData, setFormData] = React85__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React84__default.useState(
+      const [collapsedSections, setCollapsedSections] = React85__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React84__default.useState(null);
-      const formRef = React84__default.useRef(null);
+      const [submitError, setSubmitError] = React85__default.useState(null);
+      const formRef = React85__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React84__default.useRef(false);
+      const mountedRef = React85__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -38555,7 +39040,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React84__default.useMemo(
+      const evalContext = React85__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -38564,7 +39049,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React84__default.useEffect(() => {
+      React85__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -38575,7 +39060,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React84__default.useCallback(
+      const processCalculations = React85__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -38600,7 +39085,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React84__default.useCallback(
+      const checkViolations = React85__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -38638,7 +39123,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React84__default.useCallback(
+      const isFieldVisible = React85__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -38646,7 +39131,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React84__default.useCallback(
+      const isSectionVisible = React85__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -38722,7 +39207,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React84__default.useCallback(
+      const renderField = React85__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -38743,7 +39228,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React84__default.useMemo(() => {
+      const normalizedFields = React85__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -38767,7 +39252,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React84__default.useMemo(() => {
+      const schemaFields = React85__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -38777,7 +39262,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React84__default.useMemo(() => {
+      const sectionElements = React85__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -39503,7 +39988,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React84__default.useCallback(
+      const getItemActions = React85__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -39984,7 +40469,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React84__default.useMemo(() => {
+      const items = React85__default.useMemo(() => {
         if (propItems && propItems.length > 0) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -40149,7 +40634,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React84__default.isValidElement(children)) return void 0;
+  if (!React85__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -40404,7 +40889,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React84.useState(() => ({
+  const [data, setData] = React85.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -40418,7 +40903,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React84.useEffect(() => {
+  React85.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -40527,12 +41012,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React84.useState(null);
-  const [traits2, setTraits] = React84.useState([]);
-  const [coveredEdges, setCoveredEdges] = React84.useState([]);
-  const [completedTraits, setCompletedTraits] = React84.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React84.useRef(null);
-  React84.useEffect(() => {
+  const [walkStep, setWalkStep] = React85.useState(null);
+  const [traits2, setTraits] = React85.useState([]);
+  const [coveredEdges, setCoveredEdges] = React85.useState([]);
+  const [completedTraits, setCompletedTraits] = React85.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React85.useRef(null);
+  React85.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -40968,15 +41453,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React84.useState("all");
-  const containerRef = React84.useRef(null);
-  const [autoScroll, setAutoScroll] = React84.useState(true);
-  React84.useEffect(() => {
+  const [filter, setFilter] = React85.useState("all");
+  const containerRef = React85.useRef(null);
+  const [autoScroll, setAutoScroll] = React85.useState(true);
+  React85.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React84.useMemo(() => {
+  const filteredEvents = React85.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -41092,7 +41577,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React84.useState("all");
+  const [filter, setFilter] = React85.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -41105,7 +41590,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React84.useMemo(() => {
+  const filteredGuards = React85.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -41268,10 +41753,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React84.useRef(null);
-  const [autoScroll, setAutoScroll] = React84.useState(true);
-  const [expandedId, setExpandedId] = React84.useState(null);
-  React84.useEffect(() => {
+  const containerRef = React85.useRef(null);
+  const [autoScroll, setAutoScroll] = React85.useState(true);
+  const [expandedId, setExpandedId] = React85.useState(null);
+  React85.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -41551,9 +42036,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log13, setLog] = React84.useState([]);
-  const prevStatesRef = React84.useRef(/* @__PURE__ */ new Map());
-  React84.useEffect(() => {
+  const [log13, setLog] = React85.useState([]);
+  const prevStatesRef = React85.useRef(/* @__PURE__ */ new Map());
+  React85.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -41722,10 +42207,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React84.useState(true);
-  const scrollRef = React84.useRef(null);
-  const prevCountRef = React84.useRef(0);
-  React84.useEffect(() => {
+  const [expanded, setExpanded] = React85.useState(true);
+  const scrollRef = React85.useRef(null);
+  const prevCountRef = React85.useRef(0);
+  React85.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -41782,10 +42267,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React84.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React84.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React85.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React85.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React84.useEffect(() => {
+  React85.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -41794,7 +42279,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React84.useEffect(() => {
+  React85.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -42314,7 +42799,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React84__default.useCallback(() => {
+      const handleActionClick = React85__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -42325,7 +42810,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React84__default.useCallback(
+      const computeMetricValue = React85__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -42364,7 +42849,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React84__default.useMemo(() => {
+      const schemaStats = React85__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -42372,7 +42857,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React84__default.useMemo(() => {
+      const calculatedTrend = React85__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -43012,8 +43497,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     InlineActivityStream = ({ activities, autoScroll = true, className }) => {
-      const endRef = React84__default.useRef(null);
-      React84__default.useEffect(() => {
+      const endRef = React85__default.useRef(null);
+      React85__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [activities.length, autoScroll]);
@@ -43107,7 +43592,7 @@ var init_SubagentTracePanel = __esm({
     };
     SubagentRichCard = ({ subagent }) => {
       const { t } = useTranslate();
-      const activities = React84__default.useMemo(
+      const activities = React85__default.useMemo(
         () => subagentMessagesToActivities(subagent.messages),
         [subagent.messages]
       );
@@ -43184,8 +43669,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     CoordinatorConversation = ({ messages, autoScroll = true, className }) => {
-      const endRef = React84__default.useRef(null);
-      React84__default.useEffect(() => {
+      const endRef = React85__default.useRef(null);
+      React85__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [messages.length, autoScroll]);
@@ -43620,7 +44105,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = entity ?? [];
-      const items = React84__default.useMemo(() => {
+      const items = React85__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -43722,7 +44207,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React84__default.isValidElement(children)) {
+  if (!React85__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -43764,7 +44249,7 @@ var init_ToastSlot = __esm({
         eventBus.emit(`${prefix}CLOSE`);
       };
       if (!isVisible) return null;
-      const isCustomContent = React84__default.isValidElement(children) && !message;
+      const isCustomContent = React85__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -43869,6 +44354,7 @@ var init_component_registry_generated = __esm({
     init_Drawer();
     init_DrawerSlot();
     init_EdgeDecoration();
+    init_EmojiPicker();
     init_EmptyState();
     init_ErrorBoundary();
     init_ErrorState();
@@ -44136,6 +44622,7 @@ var init_component_registry_generated = __esm({
       "Drawer": Drawer,
       "DrawerSlot": DrawerSlot,
       "EdgeDecoration": EdgeDecoration,
+      "EmojiPicker": EmojiPicker,
       "EmptyState": EmptyState,
       "ErrorBoundary": ErrorBoundary,
       "ErrorState": ErrorState,
@@ -44335,7 +44822,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React84__default.createElement(
+  return React85__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -44377,7 +44864,7 @@ function enrichFormFields(fields, entityDef) {
       }
       return { name: field, label: humanizeFieldName(field) };
     }
-    if (field && typeof field === "object" && !Array.isArray(field) && !React84__default.isValidElement(field) && !(field instanceof Date)) {
+    if (field && typeof field === "object" && !Array.isArray(field) && !React85__default.isValidElement(field) && !(field instanceof Date)) {
       const obj = field;
       const fieldName = typeof obj.name === "string" ? obj.name : typeof obj.field === "string" ? obj.field : void 0;
       if (!fieldName) return field;
@@ -44563,7 +45050,19 @@ function UISlotComponent({
   const suspenseConfig = useContext(SuspenseConfigContext);
   const contained = useContext(SlotContainedContext);
   const schemaCtx = useEntitySchemaOptional();
-  const content = slots[slot];
+  const rawContent = slots[slot];
+  const binding = useEntityBindingSnapshot(rawContent?.sourceTrait);
+  const content = useMemo(() => {
+    if (!rawContent) return rawContent;
+    const resolvedProps = resolveRenderBindingMarkers(
+      rawContent.props,
+      rawContent.sourceTrait,
+      binding.entity,
+      binding.config,
+      binding.state
+    );
+    return resolvedProps === rawContent.props ? rawContent : { ...rawContent, props: resolvedProps };
+  }, [rawContent, binding.entity, binding.config, binding.state]);
   if (children !== void 0) {
     if (pattern === "clear") {
       return null;
@@ -44837,7 +45336,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React84__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React85__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -44894,19 +45393,20 @@ function isPatternConfig(value) {
   if (value === null || value === void 0) return false;
   if (typeof value !== "object") return false;
   if (Array.isArray(value)) return false;
-  if (React84__default.isValidElement(value)) return false;
+  if (React85__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
   return "type" in record && typeof record.type === "string" && getComponentForPattern$1(record.type) !== null;
 }
 function isPlainConfigObject(value) {
-  if (React84__default.isValidElement(value)) return false;
+  if (React85__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
 }
 function substituteTraitRefsDeep(value, pathKey) {
+  if (isRenderBindingMarker(value)) return value;
   if (typeof value === "string") {
     const match = TRAIT_BINDING_RE.exec(value);
     if (match) {
@@ -44979,7 +45479,14 @@ function SlotContentRenderer({
   onDismiss,
   patternPath
 }) {
-  const entityProp = content.props.entity;
+  const ambientScope = useTraitScope();
+  const bindingTrait = content.sourceTrait ?? ambientScope?.trait;
+  const binding = useEntityBindingSnapshot(bindingTrait);
+  const liveProps = useMemo(
+    () => resolveRenderBindingMarkers(content.props, bindingTrait, binding.entity, binding.config, binding.state),
+    [content.props, bindingTrait, binding.entity, binding.config, binding.state]
+  );
+  const entityProp = liveProps.entity;
   if (content.pattern === "form-section") {
     slotLog.debug("SlotContentRenderer:form-section-render", {
       contentId: content.id,
@@ -45010,7 +45517,7 @@ function SlotContentRenderer({
   const orbitalName = schemaCtx && content.sourceTrait !== void 0 ? schemaCtx.orbitalsByTrait.get(content.sourceTrait) : void 0;
   const PatternComponent = getComponentForPattern(content.pattern);
   if (PatternComponent) {
-    const childrenConfig = content.props.children;
+    const childrenConfig = liveProps.children;
     const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
     const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const isDrawHost = isDrawHostPattern(content.pattern);
@@ -45021,15 +45528,15 @@ function SlotContentRenderer({
       fromState: content.fromState,
       entity: content.entity
     }) : void 0;
-    const incomingChildren = content.props.children;
+    const incomingChildren = liveProps.children;
     const childrenIsRenderFn = typeof incomingChildren === "function";
-    const { children: _childrenConfig, ...restPropsNoChildren } = content.props;
+    const { children: _childrenConfig, ...restPropsNoChildren } = liveProps;
     const restProps = childrenIsRenderFn ? { ...restPropsNoChildren, children: incomingChildren } : restPropsNoChildren;
     const nodeSlotOverrides = {};
     for (const slotKey of CONTENT_NODE_SLOTS) {
       const slotVal = restProps[slotKey];
       if (slotVal === void 0 || slotVal === null) continue;
-      if (React84__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
+      if (React85__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
       const typelessChildren = !Array.isArray(slotVal) && typeof slotVal === "object" && !("type" in slotVal) && Array.isArray(slotVal.children) ? slotVal.children : void 0;
       if (typelessChildren !== void 0 || Array.isArray(slotVal) || typeof slotVal === "object" && "type" in slotVal) {
         nodeSlotOverrides[slotKey] = renderPatternChildren(
@@ -45083,7 +45590,7 @@ function SlotContentRenderer({
     const resolvedItems = Array.isArray(entityVal) && entityVal[0] !== "fn" ? entityVal : null;
     if (resolvedItems && resolvedItems.length > 0 && !finalProps.fields && !finalProps.columns) {
       const sample = resolvedItems[0];
-      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React84__default.isValidElement(sample) && !(sample instanceof Date)) {
+      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React85__default.isValidElement(sample) && !(sample instanceof Date)) {
         const keys = Object.keys(sample).filter((k) => k !== "id" && k !== "_id");
         finalProps.fields = keys.map((k, i) => ({ name: k, variant: i === 0 ? "h4" : "body" }));
       }
@@ -45132,7 +45639,7 @@ function SlotContentRenderer({
       "data-orb-path": patternPath ?? "root",
       "data-orb-pattern": content.pattern,
       "data-orb-orbital": orbitalName,
-      children: content.props.children ?? /* @__PURE__ */ jsxs(Box, { className: "p-4 text-sm text-muted-foreground border border-dashed border-border rounded", children: [
+      children: liveProps.children ?? /* @__PURE__ */ jsxs(Box, { className: "p-4 text-sm text-muted-foreground border border-dashed border-border rounded", children: [
         "Unknown pattern: ",
         content.pattern,
         content.sourceTrait && /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "ml-2", children: [
@@ -45204,6 +45711,7 @@ var scopeWrapLog, TRAIT_BINDING_RE, SuspenseConfigContext, SlotContainedContext,
 var init_UISlotRenderer = __esm({
   "components/core/organisms/UISlotRenderer.tsx"() {
     "use client";
+    init_resolve_render_bindings();
     init_Modal();
     init_Drawer();
     init_Toast();
@@ -45598,9 +46106,10 @@ function VerificationProvider({
         }));
         const effectResults = Array.isArray(payload["effectResults"]) ? payload["effectResults"] : [];
         for (const er of effectResults) {
+          const target = er["entity"] ?? er["service"];
           effects.push({
             type: String(er["type"] ?? er["effect"] ?? "server-effect"),
-            args: [er["entity"] ?? er["service"] ?? ""].filter(Boolean),
+            args: typeof target === "string" && target !== "" ? [target] : [],
             status: er["error"] ? "failed" : "executed",
             error: er["error"]
           });
@@ -46389,7 +46898,7 @@ function reEmitServerEvent(eventBus, emitted, origin) {
     sourceTrait: evTrait,
     origin
   });
-  eventBus.emit(key, emitted.payload);
+  eventBus.emit(key, emitted.payload, emitted.source);
 }
 function isBusPushEnvelope(value) {
   return value.type === "bus" && typeof value.event === "string";
@@ -46557,7 +47066,12 @@ function ServerBridgeProvider({
         }
         if (result.emittedEvents) {
           for (const emitted of result.emittedEvents) {
-            reEmitServerEvent(eventBus, emitted, orbitalName);
+            if (emitted.event === event) continue;
+            reEmitServerEvent(
+              eventBus,
+              { ...emitted, source: { ...emitted.source, dispatched: true } },
+              orbitalName
+            );
           }
         }
       } else if (result.error) {
@@ -46695,10 +47209,29 @@ function useTraitScopeChain2() {
   const chain = useContext(TraitScopeContext);
   return chain ?? EMPTY_CHAIN;
 }
-function useTraitScope() {
+function useTraitScope2() {
   const chain = useContext(TraitScopeContext);
   return chain && chain.length > 0 ? chain[0] : null;
 }
+var EntityBindingContext = createContext(null);
+var EMPTY_ENTITY = {};
+var NOOP_SUBSCRIBE = () => () => void 0;
+function useEntityBindingSnapshot2(traitName) {
+  const source = useContext(EntityBindingContext);
+  const entity = useSyncExternalStore(
+    source !== null && traitName !== void 0 ? (onStoreChange) => source.subscribe(traitName, onStoreChange) : NOOP_SUBSCRIBE,
+    () => source !== null && traitName !== void 0 ? source.getEntitySnapshot(traitName) : EMPTY_ENTITY
+  );
+  const config = useMemo(
+    () => source !== null && traitName !== void 0 ? source.getConfig(traitName) : void 0,
+    [source, traitName]
+  );
+  return {
+    entity,
+    config,
+    state: source !== null && traitName !== void 0 ? source.getState(traitName) : ""
+  };
+}
 
 // providers/OfflineModeProvider.tsx
 init_offline_executor();
@@ -46791,4 +47324,4 @@ function GameAudioProvider2({
 }
 GameAudioProvider2.displayName = "GameAudioProvider";
 
-export { CurrentPagePathContext, CurrentPagePathProvider, EntitySchemaProvider, EventBusContext2 as EventBusContext, EventBusProvider, GameAudioContext2 as GameAudioContext, GameAudioProvider2 as GameAudioProvider, NavigationProvider2 as NavigationProvider, OfflineModeProvider, OrbitalProvider, OrbitalThemeProvider, SelectionContext, SelectionProvider, ServerBridgeProvider, TraitContext, TraitProvider, TraitScopeProvider3 as TraitScopeProvider, UserContext, UserProvider, VerificationProvider, comparePathSpecificity2 as comparePathSpecificity, extractRouteParams2 as extractRouteParams, findPageByName2 as findPageByName, findPageByPath2 as findPageByPath, getAllPages2 as getAllPages, getDefaultPage2 as getDefaultPage, matchPath2 as matchPath, matchPathAmong2 as matchPathAmong, pathMatches2 as pathMatches, useActivePage2 as useActivePage, useCurrentPagePath2 as useCurrentPagePath, useEntitySchema, useEntitySchemaOptional6 as useEntitySchemaOptional, useGameAudioContext2 as useGameAudioContext, useGameAudioContextOptional2 as useGameAudioContextOptional, useHasPermission, useHasRole, useInitPayload2 as useInitPayload, useNavigateTo2 as useNavigateTo, useNavigation2 as useNavigation, useNavigationId2 as useNavigationId, useNavigationState2 as useNavigationState, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useServerBridge, useTrait, useTraitContext, useTraitScope, useTraitScopeChain2 as useTraitScopeChain, useUser, useUserForEvaluation };
+export { CurrentPagePathContext, CurrentPagePathProvider, EntityBindingContext, EntitySchemaProvider, EventBusContext2 as EventBusContext, EventBusProvider, GameAudioContext2 as GameAudioContext, GameAudioProvider2 as GameAudioProvider, NavigationProvider2 as NavigationProvider, OfflineModeProvider, OrbitalProvider, OrbitalThemeProvider, SelectionContext, SelectionProvider, ServerBridgeProvider, TraitContext, TraitProvider, TraitScopeProvider3 as TraitScopeProvider, UserContext, UserProvider, VerificationProvider, comparePathSpecificity2 as comparePathSpecificity, extractRouteParams2 as extractRouteParams, findPageByName2 as findPageByName, findPageByPath2 as findPageByPath, getAllPages2 as getAllPages, getDefaultPage2 as getDefaultPage, matchPath2 as matchPath, matchPathAmong2 as matchPathAmong, pathMatches2 as pathMatches, useActivePage2 as useActivePage, useCurrentPagePath2 as useCurrentPagePath, useEntityBindingSnapshot2 as useEntityBindingSnapshot, useEntitySchema, useEntitySchemaOptional6 as useEntitySchemaOptional, useGameAudioContext2 as useGameAudioContext, useGameAudioContextOptional2 as useGameAudioContextOptional, useHasPermission, useHasRole, useInitPayload2 as useInitPayload, useNavigateTo2 as useNavigateTo, useNavigation2 as useNavigation, useNavigationId2 as useNavigationId, useNavigationState2 as useNavigationState, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useServerBridge, useTrait, useTraitContext, useTraitScope2 as useTraitScope, useTraitScopeChain2 as useTraitScopeChain, useUser, useUserForEvaluation };