@almadar/ui 6.53.1 → 6.54.0

package/dist/{chunk-HUG25TT3.js → chunk-U2FGMHQP.js}

@@ -1,13 +1,13 @@
-import { pressableProps, Box, HStack, isAtlasAsset, getAtlas, subRectFor, VStack, createConfettiParticles, CONFETTI_BURST_KEYFRAMES, getStateRole, AVL_INK, AVL_FONT, AVL_STROKE, avlTint, collectDrawnItems, buildHitIndex, resolveAssetSource, blit, withPreviewPosition, hitTestSprites, Stack, DrawableRegistryContext, traitLevelFromTrait, rowOpenControlProps, STRETCHED_ABOVE, STRETCHED_CONTROL, resolveThemeColor, THEME_SERIES, STATE_COLORS, effectCategoryOf, EFFECT_CATEGORY_COLORS, expandFxLayer, paintSkinnedMesh, isValidScenePos, isAnimatedGroup, applyMeshAnimation, paintShape, spriteRect, getOrLoadImage, asEffectOperator, CONNECTION_COLORS, isAnimatedShape, spriteAssetState, getImageStatus, atlasUrlOf, atlasFailed, isSpriteSheetAtlas, fxHash01, DrawSkinnedMesh, DrawShape, DrawMesh, DrawGroup, DrawFxLayer, SPRITE_FALLBACK_FILL, SPRITE_FALLBACK_STROKE } from './chunk-7LM6I3NA.js';
-import { INLINE_TEXT_ATTR, Typography } from './chunk-HB4C27KU.js';
+import { pressableProps, Box, HStack, isAtlasAsset, getAtlas, subRectFor, VStack, createConfettiParticles, CONFETTI_BURST_KEYFRAMES, getStateRole, AVL_INK, AVL_FONT, AVL_STROKE, avlTint, collectDrawnItems, buildHitIndex, resolveAssetSource, blit, withPreviewPosition, hitTestSprites, Stack, DrawableRegistryContext, traitLevelFromTrait, rowOpenControlProps, STRETCHED_ABOVE, STRETCHED_CONTROL, resolveThemeColor, THEME_SERIES, STATE_COLORS, effectCategoryOf, EFFECT_CATEGORY_COLORS, expandFxLayer, paintSkinnedMesh, isValidScenePos, isAnimatedGroup, applyMeshAnimation, paintShape, spriteRect, getOrLoadImage, asEffectOperator, CONNECTION_COLORS, DrawSkinnedMesh, DrawShape, DrawMesh, DrawGroup, DrawFxLayer, isAnimatedShape, spriteAssetState, getImageStatus, atlasUrlOf, atlasFailed, isSpriteSheetAtlas, fxHash01, SPRITE_FALLBACK_FILL, SPRITE_FALLBACK_STROKE } from './chunk-Z5IYJU44.js';
+import { INLINE_TEXT_ATTR, Typography } from './chunk-4UP6BZ4R.js';
 import { usePendingAction, useMediaQuery, useInfiniteScroll, usePrefersReducedMotion, useCanvasGestures, useSwipeGesture, useLongPress, useAuthContext, useQuerySingleton, usePullToRefresh, useDragReorder, usePendingScopeValue, PendingScopeContext, useScopeHasPending, usePendingRows, useDraggable, useDropZone } from './chunk-JRW33U35.js';
 import { useTapReveal } from './chunk-XJTHMW4G.js';
 import { useEventBus, useEventListener } from './chunk-6EV3OEBQ.js';
-import { isPortalSlot } from './chunk-PEST66PN.js';
 import { computeLineDiff, isEditorMotion, applyMotion, isEditorOperator, motionRange, applyOperator, usePresence, isMotionEnabled, gearTeethPath, perfStart, perfEnd, parseMarkdownWithCodeBlocks, getNestedValue, parseContentSegments, resolveImageUrl, debugGroup, debug, debugGroupEnd, isDebugEnabled, isDebugEnabled2, onDebugToggle, Presence, asEnterAnimation, slotPlaysDefaultEnter, useSlotEnterRestart, ENTER_SLOT_CLASS, enterClassName, subscribeToTraitChanges, subscribeToTickChanges, subscribeToGuardChanges, subscribeToDebugEvents, getEntitySnapshot, getDebugEvents, getGuardHistory, getAllTicks, getAllTraits } from './chunk-KQXXO42S.js';
 import { updateAssetStatus, bindCanvasCapture, bindLastDrawables, resolveKeyMapEvent, subscribeToVerification, getSummary, getBridgeHealth, getTransitions, getAllChecks } from './chunk-O7OLVVBR.js';
 import { cn, domPassthrough } from './chunk-64WACXM7.js';
-import { formatValue, sortRows, formatDate, toDateTimeInputValue, toDateInputValue } from './chunk-QVXLKFUQ.js';
+import { formatValue, sortRows, formatDate, toDateTimeInputValue, toDateInputValue } from './chunk-MCKFWPT2.js';
+import { isPortalSlot } from './chunk-PEST66PN.js';
 import { __publicField } from './chunk-QPXIAUJD.js';
 import * as React86 from 'react';
 import React86__default, { createContext, useCallback, useState, useRef, useEffect, lazy, useMemo, useLayoutEffect, useId, useSyncExternalStore, useContext, Suspense, useReducer } from 'react';
@@ -20,7 +20,7 @@ import { useTheme, useThemeScope, useUISlots } from '@almadar/ui/context';
 import * as LucideIcons2 from 'lucide-react';
 import { Loader2, X, Code, FileText, WrapText, Check, Copy, ChevronDown, ChevronRight, Lightbulb, CheckCircle, GitBranch, Pencil, Eye, Plus, ChevronLeft, RotateCcw, Play, Terminal, XCircle, AlertTriangle, Trash2, Link2, HelpCircle, AlertCircle, Circle, Clock, CheckCircle2, ArrowLeft, Bold, Italic, Underline, Strikethrough, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Link as Link$1, Image as Image$1, Minus, ZoomOut, ZoomIn, Download, Printer, Search, DollarSign, Menu as Menu$1, Upload, PauseCircle, Eraser, TrendingUp, TrendingDown, ArrowRight, Trash } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useTranslate, useFormatContext } from '@almadar/ui/hooks';
+import { useTranslate, useFormatContext, useRenderI18n } from '@almadar/ui/hooks';
 import { createPortal } from 'react-dom';
 import { createLogger } from '@almadar/logger';
 import { evaluate, createMinimalContext, createChildContext } from '@almadar/evaluator';
@@ -33,6 +33,7 @@ import rehypeKatex from 'rehype-katex';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
 import createHighlightElement from 'react-syntax-highlighter/dist/esm/create-element.js';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js';
+import light from 'react-syntax-highlighter/dist/esm/styles/prism/vs.js';
 import { orbLanguage, loloLanguage, ORB_COLORS, translateLolo, translateOrb } from '@almadar/syntax';
 import { coreTables } from '@almadar/core/i18n';
 import langJson from 'react-syntax-highlighter/dist/esm/languages/prism/json.js';
@@ -89,12 +90,13 @@ import emojilib from 'emojilib';
 import { forceSimulation, forceLink, forceManyBody, forceCollide, forceX, forceY } from 'd3-force';
 import { useNodeId, ReactFlowProvider, Handle, Position } from '@xyflow/react';
 
-function resolveMarkerExpression(expression, entity, config, state) {
+function resolveMarkerExpression(expression, entity, config, state, i18n) {
   const ctx = createContextFromBindings({
     entity,
     payload: {},
     state,
-    ...config !== void 0 ? { config } : {}
+    ...config !== void 0 ? { config } : {},
+    ...i18n !== void 0 ? { locale: i18n.locale, messages: i18n.messages } : {}
   });
   return interpolateValue(expression, ctx);
 }
@@ -109,9 +111,9 @@ function isPlainObject(value) {
 var markerPresenceCache = /* @__PURE__ */ new WeakMap();
 var markerResolutionCache = /* @__PURE__ */ new WeakMap();
 var containerResolutionCache = /* @__PURE__ */ new WeakMap();
-function cachedContainer(value, scopeTrait, entity, config, state) {
+function cachedContainer(value, scopeTrait, entity, config, state, i18n) {
   const hit = containerResolutionCache.get(value);
-  return hit !== void 0 && hit.entity === entity && hit.config === config && hit.state === state && hit.scopeTrait === scopeTrait ? hit.resolved : void 0;
+  return hit !== void 0 && hit.entity === entity && hit.config === config && hit.state === state && hit.i18n === i18n && hit.scopeTrait === scopeTrait ? hit.resolved : void 0;
 }
 var resolvedMarkerFree = /* @__PURE__ */ new WeakSet();
 var evaluatorResolvedData = /* @__PURE__ */ new WeakSet();
@@ -144,14 +146,14 @@ function subtreeHasMarker(value) {
   markerPresenceCache.set(value, found);
   return found;
 }
-function walkValue(value, scopeTrait, entity, config, state) {
+function walkValue(value, scopeTrait, entity, config, state, i18n) {
   if (isRenderBindingMarker(value)) {
     const cached = markerResolutionCache.get(value);
-    if (cached !== void 0 && cached.entity === entity && cached.config === config && cached.state === state) {
+    if (cached !== void 0 && cached.entity === entity && cached.config === config && cached.state === state && cached.i18n === i18n) {
       return { resolved: cached.resolved, changed: true };
     }
-    const resolved = resolveMarkerExpression(value.expression, entity, config, state);
-    markerResolutionCache.set(value, { entity, config, state, resolved });
+    const resolved = resolveMarkerExpression(value.expression, entity, config, state, i18n);
+    markerResolutionCache.set(value, { entity, config, state, i18n, resolved });
     if (resolved !== null && typeof resolved === "object" && !React86__default.isValidElement(resolved) && !(resolved instanceof Date)) {
       resolvedMarkerFree.add(resolved);
       evaluatorResolvedData.add(resolved);
@@ -163,14 +165,14 @@ function walkValue(value, scopeTrait, entity, config, state) {
       brandResolved(value);
       return { resolved: value, changed: false };
     }
-    const cachedArray = cachedContainer(value, scopeTrait, entity, config, state);
+    const cachedArray = cachedContainer(value, scopeTrait, entity, config, state, i18n);
     if (cachedArray !== void 0) return { resolved: cachedArray, changed: true };
     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);
+      const { resolved, changed: itemChanged } = walkValue(element, scopeTrait, entity, config, state, i18n);
       if (wasMarker && Array.isArray(resolved)) {
         out.push(...resolved);
         changed = true;
@@ -181,7 +183,7 @@ function walkValue(value, scopeTrait, entity, config, state) {
     }
     brandResolved(out);
     if (!changed) return { resolved: value, changed: false };
-    containerResolutionCache.set(value, { entity, config, state, scopeTrait, resolved: out });
+    containerResolutionCache.set(value, { entity, config, state, i18n, scopeTrait, resolved: out });
     return { resolved: out, changed: true };
   }
   if (isPlainObject(value)) {
@@ -193,37 +195,37 @@ function walkValue(value, scopeTrait, entity, config, state) {
     if (typeof sourceTrait === "string" && sourceTrait !== scopeTrait) {
       return { resolved: value, changed: false };
     }
-    const cachedObject = cachedContainer(value, scopeTrait, entity, config, state);
+    const cachedObject = cachedContainer(value, scopeTrait, entity, config, state, i18n);
     if (cachedObject !== void 0) return { resolved: cachedObject, changed: true };
     const out = {};
     let changed = false;
     for (const [key, item] of Object.entries(value)) {
-      const { resolved, changed: itemChanged } = walkValue(item, scopeTrait, entity, config, state);
+      const { resolved, changed: itemChanged } = walkValue(item, scopeTrait, entity, config, state, i18n);
       out[key] = resolved;
       if (itemChanged) changed = true;
     }
     brandResolved(out);
     if (!changed) return { resolved: value, changed: false };
-    containerResolutionCache.set(value, { entity, config, state, scopeTrait, resolved: out });
+    containerResolutionCache.set(value, { entity, config, state, i18n, scopeTrait, resolved: out });
     return { resolved: out, changed: true };
   }
   return { resolved: value, changed: false };
 }
-function resolveRenderBindingMarkers(props, scopeTrait, entity, config, state) {
+function resolveRenderBindingMarkers(props, scopeTrait, entity, config, state, i18n) {
   if (props === null || typeof props !== "object") return props;
   if (resolvedMarkerFree.has(props)) return props;
-  const cached = cachedContainer(props, scopeTrait, entity, config, state);
+  const cached = cachedContainer(props, scopeTrait, entity, config, state, i18n);
   if (cached !== void 0) return cached;
   const out = {};
   let changed = false;
   for (const [key, value] of Object.entries(props)) {
-    const { resolved, changed: propChanged } = walkValue(value, scopeTrait, entity, config, state);
+    const { resolved, changed: propChanged } = walkValue(value, scopeTrait, entity, config, state, i18n);
     out[key] = resolved;
     if (propChanged) changed = true;
   }
   brandResolved(out);
   if (!changed) return props;
-  containerResolutionCache.set(props, { entity, config, state, scopeTrait, resolved: out });
+  containerResolutionCache.set(props, { entity, config, state, i18n, scopeTrait, resolved: out });
   return out;
 }
 var DEFAULT_FAMILY = "lucide";
@@ -800,7 +802,7 @@ var Button = React86__default.forwardRef(
     const testId = dataTestId ?? (action ? `action-${action}` : void 0);
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [
       busy && /* @__PURE__ */ jsx("span", { className: "almadar-busy-indicator absolute inset-0 flex items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Loader2, { className: "h-icon-default w-icon-default animate-spin" }) }),
-      /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center justify-center gap-2", busy && "almadar-busy-content"), children: [
+      /* @__PURE__ */ jsxs("span", { className: cn("inline-flex flex-1 min-w-0 items-center [justify-content:inherit] gap-2", busy && "almadar-busy-content"), children: [
         resolvedLeftIcon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: resolvedLeftIcon }),
         (Array.isArray(children) ? children.length > 0 : Boolean(children)) ? children : label ? /* @__PURE__ */ jsx("span", { ...{ [INLINE_TEXT_ATTR]: "label" }, children: label }) : label,
         resolvedRightIcon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: resolvedRightIcon })
@@ -6840,7 +6842,7 @@ function renderVariant(variant, rows2, columns, fields, className) {
 }
 Skeleton.displayName = "Skeleton";
 var LazySlotContentRenderer = lazy(
-  () => import('./UISlotRenderer-P7A4SZSK.js').then((m) => ({
+  () => import('./UISlotRenderer-QUEG6WFM.js').then((m) => ({
     default: m.SlotContentRenderer
   }))
 );
@@ -13456,48 +13458,57 @@ async function loadPrismLanguage(lang) {
     dynamicallyLoaded.add(lang);
   }
 }
-var orbStyleOverrides = {
-  "orb-binding": { color: ORB_COLORS.dark.binding, fontWeight: "bold" },
-  "orb-effect": { color: ORB_COLORS.dark.effect, fontWeight: "bold" },
-  "orb-event": { color: ORB_COLORS.dark.event },
-  "orb-slot": { color: ORB_COLORS.dark.uiSlot },
-  "orb-structural": { color: ORB_COLORS.dark.structural },
-  "orb-field-type": { color: ORB_COLORS.dark.fieldType },
-  "orb-persistence": { color: ORB_COLORS.dark.persistence },
-  "orb-pattern": { color: ORB_COLORS.dark.pattern },
-  "orb-behavior": { color: ORB_COLORS.dark.behavior },
-  "orb-unknown-op": { color: ORB_COLORS.dark.error, textDecoration: "wavy underline" },
-  "orb-op-arithmetic": { color: ORB_COLORS.dark.arithmetic, fontWeight: "bold" },
-  "orb-op-comparison": { color: ORB_COLORS.dark.comparison },
-  "orb-op-logic": { color: ORB_COLORS.dark.logic },
-  "orb-op-string": { color: ORB_COLORS.dark.string },
-  "orb-op-collection": { color: ORB_COLORS.dark.collection },
-  "orb-op-time": { color: ORB_COLORS.dark.time },
-  "orb-op-control": { color: ORB_COLORS.dark.control },
-  "orb-op-async": { color: ORB_COLORS.dark.async }
-};
-var orbStyle = { ...dark, ...orbStyleOverrides };
-var loloStyleOverrides = {
-  "lolo-binding": { color: ORB_COLORS.dark.binding, fontWeight: "bold" },
-  "lolo-event": { color: ORB_COLORS.dark.event },
-  "lolo-effect": { color: ORB_COLORS.dark.effect, fontWeight: "bold" },
-  "keyword": { color: ORB_COLORS.dark.loloKeyword },
-  "lolo-constructor": { color: ORB_COLORS.dark.loloConstructor },
-  "lolo-arrow": { color: ORB_COLORS.dark.loloArrow },
-  "lolo-reference": { color: ORB_COLORS.dark.loloReference },
-  "lolo-type": { color: ORB_COLORS.dark.fieldType },
-  "lolo-persistence": { color: ORB_COLORS.dark.persistence },
-  "lolo-unknown-op": { color: ORB_COLORS.dark.error },
-  "lolo-op-arithmetic": { color: ORB_COLORS.dark.arithmetic, fontWeight: "bold" },
-  "lolo-op-comparison": { color: ORB_COLORS.dark.comparison },
-  "lolo-op-logic": { color: ORB_COLORS.dark.logic },
-  "lolo-op-string": { color: ORB_COLORS.dark.string },
-  "lolo-op-collection": { color: ORB_COLORS.dark.collection },
-  "lolo-op-time": { color: ORB_COLORS.dark.time },
-  "lolo-op-control": { color: ORB_COLORS.dark.control },
-  "lolo-op-async": { color: ORB_COLORS.dark.async }
-};
-var loloStyle = { ...dark, ...loloStyleOverrides };
+var orbStyleOverrides = (c) => ({
+  "orb-binding": { color: c.binding, fontWeight: "bold" },
+  "orb-effect": { color: c.effect, fontWeight: "bold" },
+  "orb-event": { color: c.event },
+  "orb-slot": { color: c.uiSlot },
+  "orb-structural": { color: c.structural },
+  "orb-field-type": { color: c.fieldType },
+  "orb-persistence": { color: c.persistence },
+  "orb-pattern": { color: c.pattern },
+  "orb-behavior": { color: c.behavior },
+  "orb-unknown-op": { color: c.error, textDecoration: "wavy underline" },
+  "orb-op-arithmetic": { color: c.arithmetic, fontWeight: "bold" },
+  "orb-op-comparison": { color: c.comparison },
+  "orb-op-logic": { color: c.logic },
+  "orb-op-string": { color: c.string },
+  "orb-op-collection": { color: c.collection },
+  "orb-op-time": { color: c.time },
+  "orb-op-control": { color: c.control },
+  "orb-op-async": { color: c.async }
+});
+var loloStyleOverrides = (c) => ({
+  "lolo-binding": { color: c.binding, fontWeight: "bold" },
+  "lolo-event": { color: c.event },
+  "lolo-effect": { color: c.effect, fontWeight: "bold" },
+  "keyword": { color: c.loloKeyword },
+  "lolo-constructor": { color: c.loloConstructor },
+  "lolo-arrow": { color: c.loloArrow },
+  "lolo-reference": { color: c.loloReference },
+  "lolo-type": { color: c.fieldType },
+  "lolo-persistence": { color: c.persistence },
+  "lolo-unknown-op": { color: c.error },
+  "lolo-op-arithmetic": { color: c.arithmetic, fontWeight: "bold" },
+  "lolo-op-comparison": { color: c.comparison },
+  "lolo-op-logic": { color: c.logic },
+  "lolo-op-string": { color: c.string },
+  "lolo-op-collection": { color: c.collection },
+  "lolo-op-time": { color: c.time },
+  "lolo-op-control": { color: c.control },
+  "lolo-op-async": { color: c.async }
+});
+var SCHEME_BASE = { dark, light };
+var HIGHLIGHT_STYLES = {
+  dark: {
+    orb: { ...dark, ...orbStyleOverrides(ORB_COLORS.dark) },
+    lolo: { ...dark, ...loloStyleOverrides(ORB_COLORS.dark) }
+  },
+  light: {
+    orb: { ...light, ...orbStyleOverrides(ORB_COLORS.light) },
+    lolo: { ...light, ...loloStyleOverrides(ORB_COLORS.light) }
+  }
+};
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -13548,6 +13559,38 @@ function withTokenTypes(node) {
 function renderWithTokenTypes({ rows: rows2, stylesheet, useInlineStyles }) {
   return rows2.map((node, i) => createHighlightElement({ node: withTokenTypes(node), stylesheet, useInlineStyles, key: `code-segment-${i}` }));
 }
+var LTR_WORD = /[A-Za-z0-9_$@?][A-Za-z0-9_$@?.!-]*/g;
+var LTR_ISLAND_STYLE = { unicodeBidi: "isolate", direction: "ltr" };
+var STRING_ISLAND_STYLE = { unicodeBidi: "plaintext" };
+function island(value, style) {
+  return { type: "element", tagName: "span", properties: { className: [], "data-bidi-island": "", style }, children: [{ type: "text", value }] };
+}
+function splitLtrWords(value) {
+  const out = [];
+  let last = 0;
+  for (const match of value.matchAll(LTR_WORD)) {
+    const start = match.index ?? 0;
+    if (start > last) out.push({ type: "text", value: value.slice(last, start) });
+    out.push(island(match[0], LTR_ISLAND_STYLE));
+    last = start + match[0].length;
+  }
+  if (last < value.length) out.push({ type: "text", value: value.slice(last) });
+  return out;
+}
+function withBidiIslands(node) {
+  if (node.type === "text") return splitLtrWords(String(node.value ?? ""));
+  if (node.type !== "element") return [node];
+  const classes = node.properties?.className;
+  if (Array.isArray(classes) && classes.includes("string")) {
+    return [{ ...node, properties: { ...node.properties, className: classes, "data-bidi-island": "", style: STRING_ISLAND_STYLE } }];
+  }
+  return [{ ...node, ...node.children ? { children: node.children.flatMap(withBidiIslands) } : {} }];
+}
+function renderRtlCode({ rows: rows2, stylesheet, useInlineStyles }) {
+  return rows2.map(
+    (node, i) => withBidiIslands(node).map((n, j) => createHighlightElement({ node: n, stylesheet, useInlineStyles, key: `code-rtl-${i}-${j}` }))
+  );
+}
 function tokenClassAt(layer, offset) {
   const walker = document.createTreeWalker(layer, NodeFilter.SHOW_TEXT);
   let pos = 0;
@@ -13703,11 +13746,10 @@ function useLanguageReady(language) {
   }, [language]);
   return ready;
 }
-var MONO_FONT_FAMILY = 'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Courier New", monospace';
-function resolveHighlightStyle(lang) {
-  if (lang === "orb") return orbStyle;
-  if (lang === "lolo") return loloStyle;
-  return dark;
+var MONO_FONT_FAMILY = 'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Courier New", "IBM Plex Sans Arabic", "Noto Sans Arabic", monospace';
+function resolveHighlightStyle(lang, scheme) {
+  if (lang === "orb" || lang === "lolo") return HIGHLIGHT_STYLES[scheme][lang];
+  return SCHEME_BASE[scheme];
 }
 function plainCodeColorOf(style) {
   return style['code[class*="language-"]']?.color ?? "#d4d4d4";
@@ -13741,6 +13783,15 @@ var VIEWER_LINE_NUMBER_STYLE = {
   opacity: 0.5,
   fontVariantNumeric: "tabular-nums"
 };
+var VIEWER_LINE_NUMBER_STYLE_RTL = {
+  minWidth: "2.5em",
+  paddingRight: 0,
+  paddingLeft: "1rem",
+  textAlign: "left",
+  userSelect: "none",
+  opacity: 0.5,
+  fontVariantNumeric: "tabular-nums"
+};
 function translateProgram(source, language, lang) {
   if (lang === "en") return source;
   if (language === "lolo") return translateLolo(source, lang);
@@ -13829,8 +13880,12 @@ var CodeBlock = React86__default.memo(
   }) => {
     const englishCode = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
     const naturalTabs = !editable && naturalLanguages && naturalLanguages.length > 1 ? naturalLanguages : void 0;
-    const [naturalLanguage, setNaturalLanguage] = useState(() => naturalTabs?.[0] ?? "en");
+    const { locale: pageLocale } = useTranslate();
+    const [naturalLanguage, setNaturalLanguage] = useState(
+      () => naturalTabs?.find((lang) => lang === pageLocale) ?? naturalTabs?.[0] ?? "en"
+    );
     const activeNaturalLanguage = naturalTabs?.includes(naturalLanguage) === true ? naturalLanguage : naturalTabs?.[0] ?? "en";
+    const codeDir = naturalTabs && coreTables[activeNaturalLanguage].meta.rtl ? "rtl" : "ltr";
     const translationCache = useMemo(() => /* @__PURE__ */ new Map(), [englishCode, files]);
     const translateFor = useCallback(
       (source, sourceLanguage, cacheKey) => {
@@ -13869,11 +13924,12 @@ var CodeBlock = React86__default.memo(
         )
       }
     ) : null;
-    const activeStyle = resolveHighlightStyle(language);
+    const activeStyle = resolveHighlightStyle(language, "dark");
     const overCapacity = code.length > HIGHLIGHT_CAPACITY_BYTES;
     const plainCodeColor = plainCodeColorOf(activeStyle);
     const eventBus = useEventBus();
     const { t } = useTranslate();
+    const { resolvedMode } = useTheme();
     const scrollRef = useRef(null);
     const codeRef = useRef(null);
     const savedScrollLeftRef = useRef(0);
@@ -13884,7 +13940,7 @@ var CodeBlock = React86__default.memo(
     const activeLanguage = activeFile?.language ?? language;
     const activeCode = activeFile ? translateFor(activeFile.code, activeLanguage, `file-${activeFileIndex}`) : code;
     const languageReady = useLanguageReady(activeLanguage);
-    const viewerStyle = resolveHighlightStyle(activeLanguage);
+    const viewerStyle = resolveHighlightStyle(activeLanguage, resolvedMode);
     const viewerPlainCodeColor = plainCodeColorOf(viewerStyle);
     const diffLines = useMemo(() => {
       if (propDiff && propDiff.length > 0) return propDiff;
@@ -14222,8 +14278,9 @@ var CodeBlock = React86__default.memo(
           wrapLines: true,
           wrapLongLines: wrap,
           showLineNumbers,
-          lineNumberStyle: VIEWER_LINE_NUMBER_STYLE,
+          lineNumberStyle: codeDir === "rtl" ? VIEWER_LINE_NUMBER_STYLE_RTL : VIEWER_LINE_NUMBER_STYLE,
           lineProps: viewerLineProps,
+          renderer: codeDir === "rtl" ? renderRtlCode : void 0,
           customStyle: {
             backgroundColor: "transparent",
             borderRadius: 0,
@@ -14233,13 +14290,15 @@ var CodeBlock = React86__default.memo(
             wordBreak: wrap ? "break-all" : "normal",
             fontFamily: MONO_FONT_FAMILY,
             fontSize: "12px",
-            lineHeight: "1.6"
+            lineHeight: "1.6",
+            direction: codeDir,
+            textAlign: "start"
           },
-          codeTagProps: { style: { fontFamily: MONO_FONT_FAMILY, fontSize: "12px", lineHeight: "1.6" } },
+          codeTagProps: { style: { fontFamily: MONO_FONT_FAMILY, fontSize: "12px", lineHeight: "1.6", direction: codeDir, textAlign: "start" } },
           children: activeCode
         }
       ),
-      [activeCode, viewerOverCapacity, viewerPlainCodeColor, activeLanguage, viewerStyle, wrap, showLineNumbers, viewerLineProps, languageReady]
+      [activeCode, viewerOverCapacity, viewerPlainCodeColor, activeLanguage, viewerStyle, wrap, showLineNumbers, viewerLineProps, languageReady, codeDir]
     );
     const diffOverCapacity = useMemo(
       () => !!diffLines && diffLines.reduce((n, l) => n + l.content.length + 1, 0) > HIGHLIGHT_CAPACITY_BYTES,
@@ -14509,33 +14568,35 @@ var CodeBlock = React86__default.memo(
             ]
           }
         ),
-        /* @__PURE__ */ jsx(Box, { className: "overflow-auto bg-muted/20", style: { maxHeight }, dir: "ltr", children: diffLines ? /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, className: "font-mono text-xs", children: diffRowElements }) : /* @__PURE__ */ jsx("div", { className: "font-mono text-xs", children: viewerHighlightedElement }) })
+        /* @__PURE__ */ jsx(Box, { className: "overflow-auto bg-muted/20", style: { maxHeight }, dir: codeDir, children: diffLines ? /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, className: "font-mono text-xs", children: diffRowElements }) : /* @__PURE__ */ jsx("div", { className: "font-mono text-xs", children: viewerHighlightedElement }) })
       ] }) });
     }
-    const hasHeader = showLanguageBadge || effectiveCopy;
+    const hasHeader = showLanguageBadge;
+    const copyButton = effectiveCopy ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: handleCopy,
+        className: `opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity text-muted-foreground hover:text-foreground${hasHeader ? "" : " absolute top-2 end-2 z-10"}`,
+        "aria-label": t("common.copy"),
+        children: copied ? /* @__PURE__ */ jsx(Icon, { name: "check", className: "w-4 h-4 text-success" }) : /* @__PURE__ */ jsx(Icon, { name: "copy", className: "w-4 h-4" })
+      }
+    ) : null;
     return /* @__PURE__ */ jsxs(Box, { ...domPassthrough(a11yRest), className: `relative group not-prose ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-      hasHeader && /* @__PURE__ */ jsxs(
+      hasHeader ? /* @__PURE__ */ jsxs(
         HStack,
         {
           justify: "between",
           align: "center",
           className: "px-3 py-2 bg-[var(--color-card)] rounded-t-container border-b border-border",
+          "data-testid": "code-block-header",
           children: [
-            showLanguageBadge && /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: language }),
-            effectiveCopy && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: handleCopy,
-                className: "opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity text-muted-foreground hover:text-foreground",
-                "aria-label": t("common.copy"),
-                children: copied ? /* @__PURE__ */ jsx(Icon, { name: "check", className: "w-4 h-4 text-success" }) : /* @__PURE__ */ jsx(Icon, { name: "copy", className: "w-4 h-4" })
-              }
-            )
+            /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: language }),
+            copyButton
           ]
         }
-      ),
+      ) : copyButton,
       naturalTabStrip,
       editable ? (
         /* GAP-77 / GAP-82 / GAP-83: editable mode = transparent textarea on
@@ -24381,7 +24442,7 @@ function DataList({
                       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: badgeVariantFor(String(v), f3.colorMap), children: formatValue2(v, f3.format, fmt, relationsData?.[f3.name]) }, f3.name)
+                        /* @__PURE__ */ jsx(Badge, { variant: badgeVariantFor(String(v), f3.colorMap), children: valueLabelFor(formatValue2(v, f3.format, fmt, relationsData?.[f3.name]), f3.labels) }, f3.name)
                       ) : /* @__PURE__ */ jsx(
                         Typography,
                         {
@@ -24544,7 +24605,7 @@ function DataList({
                         if (val === void 0 || val === null || val === "") 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: badgeVariantFor(String(val), field.colorMap), children: formatValue2(val, field.format, fmt, relationsData?.[field.name]) })
+                          /* @__PURE__ */ jsx(Badge, { variant: badgeVariantFor(String(val), field.colorMap), children: valueLabelFor(formatValue2(val, field.format, fmt, relationsData?.[field.name]), field.labels) })
                         ] }, field.name);
                       })
                     ] }),
@@ -24993,7 +25054,7 @@ var MapViewImpl = lazy(async () => {
   });
   L.Marker.prototype.options.icon = defaultIcon;
   const { useEffect: useEffect64, useRef: useRef65, useCallback: useCallback79, useState: useState94 } = React86__default;
-  const { Typography: Typography2 } = await import('./Typography-7QEWUTW3.js');
+  const { Typography: Typography2 } = await import('./Typography-CFI7JUVE.js');
   const { useEventBus: useEventBus2 } = await import('./useEventBus-JUAH3EFW.js');
   function MapUpdater({ centerLat, centerLng, zoom }) {
     const map = useMap();
@@ -27459,7 +27520,7 @@ var DocSidebarCategory = ({ item, depth }) => {
       className: cn(
         "h-auto w-full justify-start rounded-interactive px-3 py-1.5 text-sm font-normal",
         depth > 0 && "ml-2",
-        item.active ? "bg-primary/8 text-foreground font-semibold" : "text-muted-foreground"
+        item.active ? "bg-primary/[0.08] text-foreground font-semibold" : "text-muted-foreground"
       ),
       children: label
     }
@@ -34353,11 +34414,23 @@ var Header = ({
   variant = "mobile",
   look = "compact-bar",
   onLogoClick,
+  brandHref,
   className,
   ...rest
 }) => {
   const { t } = useTranslate();
   const resolvedSearchPlaceholder = searchPlaceholder ?? t("common.search");
+  const brandContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    logo ? typeof logo === "string" ? /* @__PURE__ */ jsx(Avatar, { src: logo, alt: brandName, size: "sm" }) : logo : logoSrc ? /* @__PURE__ */ jsx(Avatar, { src: logoSrc, alt: brandName, size: "sm" }) : null,
+    brandName && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "h5",
+        className: "text-lg text-foreground",
+        children: brandName
+      }
+    )
+  ] });
   const userInitials = userAvatar?.initials || userName?.[0]?.toUpperCase() || "U";
   return /* @__PURE__ */ jsxs(
     Box,
@@ -34384,7 +34457,16 @@ var Header = ({
               children: isMenuOpen ? /* @__PURE__ */ jsx(X, { size: 24 }) : /* @__PURE__ */ jsx(Menu$1, { size: 24 })
             }
           ),
-          /* @__PURE__ */ jsxs(
+          brandHref ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              href: brandHref,
+              "aria-label": brandName,
+              className: "gap-2 px-0 hover:bg-transparent",
+              children: brandContent
+            }
+          ) : /* @__PURE__ */ jsx(
             HStack,
             {
               gap: "none",
@@ -34395,17 +34477,7 @@ var Header = ({
               ),
               ...pressableProps(onLogoClick),
               "aria-label": onLogoClick ? brandName : void 0,
-              children: [
-                logo ? typeof logo === "string" ? /* @__PURE__ */ jsx(Avatar, { src: logo, alt: brandName, size: "sm" }) : logo : logoSrc ? /* @__PURE__ */ jsx(Avatar, { src: logoSrc, alt: brandName, size: "sm" }) : null,
-                brandName && /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: "h5",
-                    className: "text-lg text-foreground",
-                    children: brandName
-                  }
-                )
-              ]
+              children: brandContent
             }
           )
         ] }),
@@ -43350,8 +43422,8 @@ var VersionDiffInner = ({
       }
     ),
     /* @__PURE__ */ jsx(Box, { className: "overflow-auto bg-muted/20", style: { maxHeight: 600 }, children: isEmpty ? /* @__PURE__ */ jsx(Box, { className: "py-8", "data-testid": "version-diff-empty", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", align: "center", children: t("versionDiff.noChanges") }) }) : activeView === "side-by-side" ? /* @__PURE__ */ jsxs(Box, { className: "grid grid-cols-1 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsx(Box, { className: "border-b md:border-b-0 md:border-r border-border", "data-testid": "version-diff-before", children: renderColumn("before") }),
-      /* @__PURE__ */ jsx(Box, { "data-testid": "version-diff-after", children: renderColumn("after") })
+      /* @__PURE__ */ jsx(Box, { className: "min-w-0 overflow-x-auto border-b md:border-b-0 md:border-r border-border", "data-testid": "version-diff-before", children: renderColumn("before") }),
+      /* @__PURE__ */ jsx(Box, { className: "min-w-0 overflow-x-auto", "data-testid": "version-diff-after", children: renderColumn("after") })
     ] }) : /* @__PURE__ */ jsx(VStack, { gap: "none", className: "font-mono text-xs", children: shown.map((row, idx) => {
       if (row.kind === "header") return renderHeader(row.header, `i-h-${idx}`);
       if (row.kind === "gap") return renderGap(row, `i-g-${row.id}`);
@@ -43676,775 +43748,263 @@ WizardNavigation.displayName = "WizardNavigation";
 
 // components/core/organisms/component-registry.generated.ts
 var COMPONENT_REGISTRY = {
-  get "Accordion"() {
-    return Accordion;
-  },
-  get "ActionPalette"() {
-    return ActionPalette;
-  },
-  get "ActionTile"() {
-    return ActionTile;
-  },
-  get "ActivationBlock"() {
-    return ActivationBlock;
-  },
-  get "AgentActivityFeed"() {
-    return AgentActivityFeed;
-  },
-  get "AgentActivityRow"() {
-    return AgentActivityRow;
-  },
-  get "AgentChatFeed"() {
-    return AgentChatFeed;
-  },
-  get "Alert"() {
-    return AlertPattern;
-  },
-  get "AlertPattern"() {
-    return AlertPattern;
-  },
-  get "AlgoGraphCanvas"() {
-    return AlgoGraphCanvas;
-  },
-  get "AlgorithmCanvas"() {
-    return AlgorithmCanvas;
-  },
-  get "AnimatedCounter"() {
-    return AnimatedCounter;
-  },
-  get "AnimatedGraphic"() {
-    return AnimatedGraphic;
-  },
-  get "AnimatedReveal"() {
-    return AnimatedReveal;
-  },
-  get "Aside"() {
-    return Aside;
-  },
-  get "AtlasImage"() {
-    return AtlasImage;
-  },
-  get "AtlasPanel"() {
-    return AtlasPanel;
-  },
-  get "AuthLayout"() {
-    return AuthLayout;
-  },
-  get "Avatar"() {
-    return Avatar;
-  },
-  get "Badge"() {
-    return Badge;
-  },
-  get "BehaviorView"() {
-    return BehaviorView;
-  },
-  get "BiologyCanvas"() {
-    return BiologyCanvas;
-  },
-  get "BloomQuizBlock"() {
-    return BloomQuizBlock;
-  },
-  get "Box"() {
-    return BoxPattern;
-  },
-  get "BoxPattern"() {
-    return BoxPattern;
-  },
-  get "BranchingLogicBuilder"() {
-    return BranchingLogicBuilder;
-  },
-  get "Breadcrumb"() {
-    return Breadcrumb;
-  },
-  get "Button"() {
-    return ButtonPattern;
-  },
-  get "ButtonGroup"() {
-    return ButtonGroup;
-  },
-  get "ButtonPattern"() {
-    return ButtonPattern;
-  },
-  get "CalendarGrid"() {
-    return CalendarGrid;
-  },
-  get "Canvas"() {
-    return Canvas;
-  },
-  get "Canvas2D"() {
-    return Canvas2D;
-  },
-  get "Card"() {
-    return Card;
-  },
-  get "Carousel"() {
-    return Carousel;
-  },
-  get "Center"() {
-    return Center;
-  },
-  get "ChangeList"() {
-    return ChangeList;
-  },
-  get "Chart"() {
-    return Chart;
-  },
-  get "ChartLegend"() {
-    return ChartLegend;
-  },
-  get "ChatBar"() {
-    return ChatBar;
-  },
-  get "Checkbox"() {
-    return Checkbox;
-  },
-  get "ChemistryCanvas"() {
-    return ChemistryCanvas;
-  },
-  get "ChoiceButton"() {
-    return ChoiceButton;
-  },
-  get "CodeBlock"() {
-    return CodeBlock;
-  },
-  get "CodeRunnerPanel"() {
-    return CodeRunnerPanel;
-  },
-  get "CommandPalette"() {
-    return CommandPalette;
-  },
-  get "CommitRow"() {
-    return CommitRow;
-  },
-  get "ConditionalWrapper"() {
-    return ConditionalWrapper;
-  },
-  get "ConfettiEffect"() {
-    return ConfettiEffect;
-  },
-  get "ConfirmDialog"() {
-    return ConfirmDialog;
-  },
-  get "ConnectionBlock"() {
-    return ConnectionBlock;
-  },
-  get "Container"() {
-    return Container;
-  },
-  get "ContentRenderer"() {
-    return ContentRenderer;
-  },
-  get "ControlButton"() {
-    return ControlButton;
-  },
-  get "ControlGrid"() {
-    return ControlGrid;
-  },
-  get "CounterTemplate"() {
-    return CounterTemplate;
-  },
-  get "DashboardGrid"() {
-    return DashboardGrid;
-  },
-  get "DashboardLayout"() {
-    return DashboardLayout;
-  },
-  get "DataGrid"() {
-    return DataGrid;
-  },
-  get "DataList"() {
-    return DataList;
-  },
-  get "DateRangePicker"() {
-    return DateRangePicker;
-  },
-  get "DateRangeSelector"() {
-    return DateRangeSelector;
-  },
-  get "DayCell"() {
-    return DayCell;
-  },
-  get "DetailPanel"() {
-    return DetailPanel;
-  },
-  get "Dialog"() {
-    return Dialog;
-  },
-  get "DialogueBubble"() {
-    return DialogueBubble;
-  },
-  get "Divider"() {
-    return DividerPattern;
-  },
-  get "DividerPattern"() {
-    return DividerPattern;
-  },
-  get "DocBreadcrumb"() {
-    return DocBreadcrumb;
-  },
-  get "DocPagination"() {
-    return DocPagination;
-  },
-  get "DocSearch"() {
-    return DocSearch;
-  },
-  get "DocSidebar"() {
-    return DocSidebar;
-  },
-  get "DocTOC"() {
-    return DocTOC;
-  },
-  get "DockLayout"() {
-    return DockLayout;
-  },
-  get "DocumentDetails"() {
-    return DocumentDetails;
-  },
-  get "DocumentPanel"() {
-    return DocumentPanel;
-  },
-  get "DocumentViewer"() {
-    return DocumentViewer;
-  },
-  get "DrawFxLayer"() {
-    return DrawFxLayer;
-  },
-  get "DrawGroup"() {
-    return DrawGroup;
-  },
-  get "DrawMesh"() {
-    return DrawMesh;
-  },
-  get "DrawShape"() {
-    return DrawShape;
-  },
-  get "DrawShapeLayer"() {
-    return DrawShapeLayer;
-  },
-  get "DrawSkinnedMesh"() {
-    return DrawSkinnedMesh;
-  },
-  get "DrawSprite"() {
-    return DrawSprite;
-  },
-  get "DrawSpriteLayer"() {
-    return DrawSpriteLayer;
-  },
-  get "DrawText"() {
-    return DrawText;
-  },
-  get "DrawTextLayer"() {
-    return DrawTextLayer;
-  },
-  get "Drawer"() {
-    return Drawer;
-  },
-  get "DrawerSlot"() {
-    return DrawerSlot;
-  },
-  get "EdgeDecoration"() {
-    return EdgeDecoration;
-  },
-  get "EmojiPicker"() {
-    return EmojiPicker;
-  },
-  get "EmptyState"() {
-    return EmptyState;
-  },
-  get "ErrorBoundary"() {
-    return ErrorBoundary;
-  },
-  get "ErrorState"() {
-    return ErrorState;
-  },
-  get "FeatureCard"() {
-    return FeatureCard;
-  },
-  get "FeatureGrid"() {
-    return FeatureGrid;
-  },
-  get "FileTree"() {
-    return FileTree;
-  },
-  get "FilterGroup"() {
-    return FilterGroup;
-  },
-  get "FilterPill"() {
-    return FilterPill;
-  },
-  get "Flex"() {
-    return Flex;
-  },
-  get "FlipCard"() {
-    return FlipCard;
-  },
-  get "FlipContainer"() {
-    return FlipContainer;
-  },
-  get "FloatingActionButton"() {
-    return FloatingActionButton;
-  },
-  get "FloatingToolbar"() {
-    return FloatingToolbar;
-  },
-  get "Form"() {
-    return Form;
-  },
-  get "FormField"() {
-    return FormField;
-  },
-  get "FormLayout"() {
-    return FormLayout;
-  },
-  get "FormSectionHeader"() {
-    return FormSectionHeader;
-  },
-  get "FxOverlay"() {
-    return FxOverlay;
-  },
-  get "GameAudioCue"() {
-    return GameAudioCue;
-  },
-  get "GameAudioToggle"() {
-    return GameAudioToggle;
-  },
-  get "GameHud"() {
-    return GameHud;
-  },
-  get "GameIcon"() {
-    return GameIcon;
-  },
-  get "GameMenu"() {
-    return GameMenu;
-  },
-  get "GameShell"() {
-    return GameShell;
-  },
-  get "Gantt"() {
-    return Gantt;
-  },
-  get "GenericAppTemplate"() {
-    return GenericAppTemplate;
-  },
-  get "GeometricPattern"() {
-    return GeometricPattern;
-  },
-  get "GradientDivider"() {
-    return GradientDivider;
-  },
-  get "GraphCanvas"() {
-    return GraphCanvas;
-  },
-  get "GraphView"() {
-    return GraphView;
-  },
-  get "Grid"() {
-    return Grid;
-  },
-  get "HStack"() {
-    return HStack;
-  },
-  get "Header"() {
-    return Header;
-  },
-  get "HealthBar"() {
-    return HealthBar;
-  },
-  get "Icon"() {
-    return Icon;
-  },
-  get "IconButton"() {
-    return IconButtonPattern;
-  },
-  get "IconButtonPattern"() {
-    return IconButtonPattern;
-  },
-  get "Image"() {
-    return Image2;
-  },
-  get "ImportPreviewTree"() {
-    return ImportPreviewTree;
-  },
-  get "ImportProgress"() {
-    return ImportProgress;
-  },
-  get "ImportSourcePicker"() {
-    return ImportSourcePicker;
-  },
-  get "InfiniteScrollSentinel"() {
-    return InfiniteScrollSentinel;
-  },
-  get "Input"() {
-    return Input;
-  },
-  get "InputGroup"() {
-    return InputGroup;
-  },
-  get "JazariStateMachine"() {
-    return JazariStateMachine;
-  },
-  get "Label"() {
-    return LabelPattern;
-  },
-  get "LabelPattern"() {
-    return LabelPattern;
-  },
-  get "LawReferenceTooltip"() {
-    return LawReferenceTooltip;
-  },
-  get "LearningCanvas"() {
-    return LearningCanvas;
-  },
-  get "Lightbox"() {
-    return Lightbox;
-  },
-  get "LikertScale"() {
-    return LikertScale;
-  },
-  get "LineChart"() {
-    return LineChart2;
-  },
-  get "LoadingState"() {
-    return LoadingState;
-  },
-  get "MapView"() {
-    return MapView;
-  },
-  get "MarkdownContent"() {
-    return MarkdownContent;
-  },
-  get "MasterDetailLayout"() {
-    return MasterDetailLayout;
-  },
-  get "MathCanvas"() {
-    return MathCanvas;
-  },
-  get "MatrixQuestion"() {
-    return MatrixQuestion;
-  },
-  get "MediaGallery"() {
-    return MediaGallery;
-  },
-  get "Menu"() {
-    return Menu;
-  },
-  get "Meter"() {
-    return Meter;
-  },
-  get "Modal"() {
-    return Modal;
-  },
-  get "ModalSlot"() {
-    return ModalSlot;
-  },
-  get "ModuleCard"() {
-    return ModuleCard;
-  },
-  get "Navigation"() {
-    return Navigation;
-  },
-  get "NumberStepper"() {
-    return NumberStepper;
-  },
-  get "OptionConstraintGroup"() {
-    return OptionConstraintGroup;
-  },
-  get "OrbitalVisualization"() {
-    return OrbitalVisualization;
-  },
-  get "Overlay"() {
-    return Overlay;
-  },
-  get "PageHeader"() {
-    return PageHeader;
-  },
-  get "PageTransition"() {
-    return PageTransition;
-  },
-  get "Pagination"() {
-    return Pagination;
-  },
-  get "PatternTile"() {
-    return PatternTile;
-  },
-  get "PhysicsCanvas"() {
-    return PhysicsCanvas;
-  },
-  get "Popover"() {
-    return Popover;
-  },
-  get "PositionedCanvas"() {
-    return PositionedCanvas;
-  },
-  get "Presence"() {
-    return Presence;
-  },
-  get "ProgressBar"() {
-    return ProgressBar;
-  },
-  get "ProgressDots"() {
-    return ProgressDots;
-  },
-  get "PullToRefresh"() {
-    return PullToRefresh;
-  },
-  get "QrScanner"() {
-    return QrScanner;
-  },
-  get "QuizBlock"() {
-    return QuizBlock;
-  },
-  get "Radio"() {
-    return Radio;
-  },
-  get "RangeSlider"() {
-    return RangeSlider;
-  },
-  get "ReflectionBlock"() {
-    return ReflectionBlock;
-  },
-  get "RelationSelect"() {
-    return RelationSelect;
-  },
-  get "RepeatableFormSection"() {
-    return RepeatableFormSection;
-  },
-  get "ReplyTree"() {
-    return ReplyTree;
-  },
-  get "RichTextEditor"() {
-    return RichTextEditor;
-  },
-  get "RuntimeDebugger"() {
-    return RuntimeDebugger;
-  },
-  get "ScaledDiagram"() {
-    return ScaledDiagram;
-  },
-  get "ScoreDisplay"() {
-    return ScoreDisplay;
-  },
-  get "SearchInput"() {
-    return SearchInput;
-  },
-  get "Section"() {
-    return Section;
-  },
-  get "SectionHeader"() {
-    return SectionHeader;
-  },
-  get "SegmentRenderer"() {
-    return SegmentRenderer;
-  },
-  get "Select"() {
-    return Select;
-  },
-  get "SequenceBar"() {
-    return SequenceBar;
-  },
-  get "SidePanel"() {
-    return SidePanel;
-  },
-  get "Sidebar"() {
-    return Sidebar;
-  },
-  get "SignaturePad"() {
-    return SignaturePad;
-  },
-  get "SimpleGrid"() {
-    return SimpleGrid;
-  },
-  get "Skeleton"() {
-    return Skeleton;
-  },
-  get "SocialProof"() {
-    return SocialProof;
-  },
-  get "SortableList"() {
-    return SortableList;
-  },
-  get "Spacer"() {
-    return SpacerPattern;
-  },
-  get "SpacerPattern"() {
-    return SpacerPattern;
-  },
-  get "Sparkline"() {
-    return Sparkline;
-  },
-  get "Spinner"() {
-    return Spinner;
-  },
-  get "Split"() {
-    return Split;
-  },
-  get "SplitPane"() {
-    return SplitPane;
-  },
-  get "Stack"() {
-    return Stack;
-  },
-  get "StarRating"() {
-    return StarRating;
-  },
-  get "StatBadge"() {
-    return StatBadge;
-  },
-  get "StatCard"() {
-    return StatCard;
-  },
-  get "StatDisplay"() {
-    return StatDisplay;
-  },
-  get "StateGraph"() {
-    return StateGraph;
-  },
-  get "StateJsonView"() {
-    return StateJsonView;
-  },
-  get "StateMachineView"() {
-    return StateMachineView;
-  },
-  get "StatusDot"() {
-    return StatusDot;
-  },
-  get "SubagentTracePanel"() {
-    return SubagentTracePanel;
-  },
-  get "SvgBranch"() {
-    return SvgBranch;
-  },
-  get "SvgConnection"() {
-    return SvgConnection;
-  },
-  get "SvgFlow"() {
-    return SvgFlow;
-  },
-  get "SvgGrid"() {
-    return SvgGrid;
-  },
-  get "SvgLobe"() {
-    return SvgLobe;
-  },
-  get "SvgMesh"() {
-    return SvgMesh;
-  },
-  get "SvgMorph"() {
-    return SvgMorph;
-  },
-  get "SvgNode"() {
-    return SvgNode;
-  },
-  get "SvgPulse"() {
-    return SvgPulse;
-  },
-  get "SvgRing"() {
-    return SvgRing;
-  },
-  get "SvgShield"() {
-    return SvgShield;
-  },
-  get "SvgStack"() {
-    return SvgStack;
-  },
-  get "SwipeableRow"() {
-    return SwipeableRow;
-  },
-  get "Switch"() {
-    return Switch;
-  },
-  get "TabbedContainer"() {
-    return TabbedContainer;
-  },
-  get "TableView"() {
-    return TableView;
-  },
-  get "Tabs"() {
-    return Tabs;
-  },
-  get "TagInput"() {
-    return TagInput;
-  },
-  get "TextHighlight"() {
-    return TextHighlight;
-  },
-  get "Textarea"() {
-    return Textarea;
-  },
-  get "ThemeToggle"() {
-    return ThemeToggle;
-  },
-  get "TimeSlotCell"() {
-    return TimeSlotCell;
-  },
-  get "Timeline"() {
-    return Timeline;
-  },
-  get "TimerDisplay"() {
-    return TimerDisplay;
-  },
-  get "Toast"() {
-    return Toast;
-  },
-  get "ToastSlot"() {
-    return ToastSlot;
-  },
-  get "Tooltip"() {
-    return Tooltip;
-  },
-  get "TopNavItem"() {
-    return TopNavItem;
-  },
-  get "TraitFrame"() {
-    return TraitFrame;
-  },
-  get "TraitSlot"() {
-    return TraitSlot;
-  },
-  get "TrendIndicator"() {
-    return TrendIndicator;
-  },
-  get "TypewriterText"() {
-    return TypewriterText;
-  },
-  get "Typography"() {
-    return Typography;
-  },
-  get "UISlotComponent"() {
-    return UISlotComponent;
-  },
-  get "UISlotRenderer"() {
-    return UISlotRenderer;
-  },
-  get "UploadDropZone"() {
-    return UploadDropZone;
-  },
-  get "VStack"() {
-    return VStack;
-  },
-  get "VersionDiff"() {
-    return VersionDiff;
-  },
-  get "ViolationAlert"() {
-    return ViolationAlert;
-  },
-  get "VoteStack"() {
-    return VoteStack;
-  },
-  get "WizardContainer"() {
-    return WizardContainer;
-  },
-  get "WizardNavigation"() {
-    return WizardNavigation;
-  },
-  get "WizardProgress"() {
-    return WizardProgress;
-  },
+  "Accordion": Accordion,
+  "ActionPalette": ActionPalette,
+  "ActionTile": ActionTile,
+  "ActivationBlock": ActivationBlock,
+  "AgentActivityFeed": AgentActivityFeed,
+  "AgentActivityRow": AgentActivityRow,
+  "AgentChatFeed": AgentChatFeed,
+  "Alert": AlertPattern,
+  "AlertPattern": AlertPattern,
+  "AlgoGraphCanvas": AlgoGraphCanvas,
+  "AlgorithmCanvas": AlgorithmCanvas,
+  "AnimatedCounter": AnimatedCounter,
+  "AnimatedGraphic": AnimatedGraphic,
+  "AnimatedReveal": AnimatedReveal,
+  "Aside": Aside,
+  "AtlasImage": AtlasImage,
+  "AtlasPanel": AtlasPanel,
+  "AuthLayout": AuthLayout,
+  "Avatar": Avatar,
+  "Badge": Badge,
+  "BehaviorView": BehaviorView,
+  "BiologyCanvas": BiologyCanvas,
+  "BloomQuizBlock": BloomQuizBlock,
+  "Box": BoxPattern,
+  "BoxPattern": BoxPattern,
+  "BranchingLogicBuilder": BranchingLogicBuilder,
+  "Breadcrumb": Breadcrumb,
+  "Button": ButtonPattern,
+  "ButtonGroup": ButtonGroup,
+  "ButtonPattern": ButtonPattern,
+  "CalendarGrid": CalendarGrid,
+  "Canvas": Canvas,
+  "Canvas2D": Canvas2D,
+  "Card": Card,
+  "Carousel": Carousel,
+  "Center": Center,
+  "ChangeList": ChangeList,
+  "Chart": Chart,
+  "ChartLegend": ChartLegend,
+  "ChatBar": ChatBar,
+  "Checkbox": Checkbox,
+  "ChemistryCanvas": ChemistryCanvas,
+  "ChoiceButton": ChoiceButton,
+  "CodeBlock": CodeBlock,
+  "CodeRunnerPanel": CodeRunnerPanel,
+  "CommandPalette": CommandPalette,
+  "CommitRow": CommitRow,
+  "ConditionalWrapper": ConditionalWrapper,
+  "ConfettiEffect": ConfettiEffect,
+  "ConfirmDialog": ConfirmDialog,
+  "ConnectionBlock": ConnectionBlock,
+  "Container": Container,
+  "ContentRenderer": ContentRenderer,
+  "ControlButton": ControlButton,
+  "ControlGrid": ControlGrid,
+  "CounterTemplate": CounterTemplate,
+  "DashboardGrid": DashboardGrid,
+  "DashboardLayout": DashboardLayout,
+  "DataGrid": DataGrid,
+  "DataList": DataList,
+  "DateRangePicker": DateRangePicker,
+  "DateRangeSelector": DateRangeSelector,
+  "DayCell": DayCell,
+  "DetailPanel": DetailPanel,
+  "Dialog": Dialog,
+  "DialogueBubble": DialogueBubble,
+  "Divider": DividerPattern,
+  "DividerPattern": DividerPattern,
+  "DocBreadcrumb": DocBreadcrumb,
+  "DocPagination": DocPagination,
+  "DocSearch": DocSearch,
+  "DocSidebar": DocSidebar,
+  "DocTOC": DocTOC,
+  "DockLayout": DockLayout,
+  "DocumentDetails": DocumentDetails,
+  "DocumentPanel": DocumentPanel,
+  "DocumentViewer": DocumentViewer,
+  "DrawFxLayer": DrawFxLayer,
+  "DrawGroup": DrawGroup,
+  "DrawMesh": DrawMesh,
+  "DrawShape": DrawShape,
+  "DrawShapeLayer": DrawShapeLayer,
+  "DrawSkinnedMesh": DrawSkinnedMesh,
+  "DrawSprite": DrawSprite,
+  "DrawSpriteLayer": DrawSpriteLayer,
+  "DrawText": DrawText,
+  "DrawTextLayer": DrawTextLayer,
+  "Drawer": Drawer,
+  "DrawerSlot": DrawerSlot,
+  "EdgeDecoration": EdgeDecoration,
+  "EmojiPicker": EmojiPicker,
+  "EmptyState": EmptyState,
+  "ErrorBoundary": ErrorBoundary,
+  "ErrorState": ErrorState,
+  "FeatureCard": FeatureCard,
+  "FeatureGrid": FeatureGrid,
+  "FileTree": FileTree,
+  "FilterGroup": FilterGroup,
+  "FilterPill": FilterPill,
+  "Flex": Flex,
+  "FlipCard": FlipCard,
+  "FlipContainer": FlipContainer,
+  "FloatingActionButton": FloatingActionButton,
+  "FloatingToolbar": FloatingToolbar,
+  "Form": Form,
+  "FormField": FormField,
+  "FormLayout": FormLayout,
+  "FormSectionHeader": FormSectionHeader,
+  "FxOverlay": FxOverlay,
+  "GameAudioCue": GameAudioCue,
+  "GameAudioToggle": GameAudioToggle,
+  "GameHud": GameHud,
+  "GameIcon": GameIcon,
+  "GameMenu": GameMenu,
+  "GameShell": GameShell,
+  "Gantt": Gantt,
+  "GenericAppTemplate": GenericAppTemplate,
+  "GeometricPattern": GeometricPattern,
+  "GradientDivider": GradientDivider,
+  "GraphCanvas": GraphCanvas,
+  "GraphView": GraphView,
+  "Grid": Grid,
+  "HStack": HStack,
+  "Header": Header,
+  "HealthBar": HealthBar,
+  "Icon": Icon,
+  "IconButton": IconButtonPattern,
+  "IconButtonPattern": IconButtonPattern,
+  "Image": Image2,
+  "ImportPreviewTree": ImportPreviewTree,
+  "ImportProgress": ImportProgress,
+  "ImportSourcePicker": ImportSourcePicker,
+  "InfiniteScrollSentinel": InfiniteScrollSentinel,
+  "Input": Input,
+  "InputGroup": InputGroup,
+  "JazariStateMachine": JazariStateMachine,
+  "Label": LabelPattern,
+  "LabelPattern": LabelPattern,
+  "LawReferenceTooltip": LawReferenceTooltip,
+  "LearningCanvas": LearningCanvas,
+  "Lightbox": Lightbox,
+  "LikertScale": LikertScale,
+  "LineChart": LineChart2,
+  "LoadingState": LoadingState,
+  "MapView": MapView,
+  "MarkdownContent": MarkdownContent,
+  "MasterDetailLayout": MasterDetailLayout,
+  "MathCanvas": MathCanvas,
+  "MatrixQuestion": MatrixQuestion,
+  "MediaGallery": MediaGallery,
+  "Menu": Menu,
+  "Meter": Meter,
+  "Modal": Modal,
+  "ModalSlot": ModalSlot,
+  "ModuleCard": ModuleCard,
+  "Navigation": Navigation,
+  "NumberStepper": NumberStepper,
+  "OptionConstraintGroup": OptionConstraintGroup,
+  "OrbitalVisualization": OrbitalVisualization,
+  "Overlay": Overlay,
+  "PageHeader": PageHeader,
+  "PageTransition": PageTransition,
+  "Pagination": Pagination,
+  "PatternTile": PatternTile,
+  "PhysicsCanvas": PhysicsCanvas,
+  "Popover": Popover,
+  "PositionedCanvas": PositionedCanvas,
+  "Presence": Presence,
+  "ProgressBar": ProgressBar,
+  "ProgressDots": ProgressDots,
+  "PullToRefresh": PullToRefresh,
+  "QrScanner": QrScanner,
+  "QuizBlock": QuizBlock,
+  "Radio": Radio,
+  "RangeSlider": RangeSlider,
+  "ReflectionBlock": ReflectionBlock,
+  "RelationSelect": RelationSelect,
+  "RepeatableFormSection": RepeatableFormSection,
+  "ReplyTree": ReplyTree,
+  "RichTextEditor": RichTextEditor,
+  "RuntimeDebugger": RuntimeDebugger,
+  "ScaledDiagram": ScaledDiagram,
+  "ScoreDisplay": ScoreDisplay,
+  "SearchInput": SearchInput,
+  "Section": Section,
+  "SectionHeader": SectionHeader,
+  "SegmentRenderer": SegmentRenderer,
+  "Select": Select,
+  "SequenceBar": SequenceBar,
+  "SidePanel": SidePanel,
+  "Sidebar": Sidebar,
+  "SignaturePad": SignaturePad,
+  "SimpleGrid": SimpleGrid,
+  "Skeleton": Skeleton,
+  "SocialProof": SocialProof,
+  "SortableList": SortableList,
+  "Spacer": SpacerPattern,
+  "SpacerPattern": SpacerPattern,
+  "Sparkline": Sparkline,
+  "Spinner": Spinner,
+  "Split": Split,
+  "SplitPane": SplitPane,
+  "Stack": Stack,
+  "StarRating": StarRating,
+  "StatBadge": StatBadge,
+  "StatCard": StatCard,
+  "StatDisplay": StatDisplay,
+  "StateGraph": StateGraph,
+  "StateJsonView": StateJsonView,
+  "StateMachineView": StateMachineView,
+  "StatusDot": StatusDot,
+  "SubagentTracePanel": SubagentTracePanel,
+  "SvgBranch": SvgBranch,
+  "SvgConnection": SvgConnection,
+  "SvgFlow": SvgFlow,
+  "SvgGrid": SvgGrid,
+  "SvgLobe": SvgLobe,
+  "SvgMesh": SvgMesh,
+  "SvgMorph": SvgMorph,
+  "SvgNode": SvgNode,
+  "SvgPulse": SvgPulse,
+  "SvgRing": SvgRing,
+  "SvgShield": SvgShield,
+  "SvgStack": SvgStack,
+  "SwipeableRow": SwipeableRow,
+  "Switch": Switch,
+  "TabbedContainer": TabbedContainer,
+  "TableView": TableView,
+  "Tabs": Tabs,
+  "TagInput": TagInput,
+  "TextHighlight": TextHighlight,
+  "Textarea": Textarea,
+  "ThemeToggle": ThemeToggle,
+  "TimeSlotCell": TimeSlotCell,
+  "Timeline": Timeline,
+  "TimerDisplay": TimerDisplay,
+  "Toast": Toast,
+  "ToastSlot": ToastSlot,
+  "Tooltip": Tooltip,
+  "TopNavItem": TopNavItem,
+  "TraitFrame": TraitFrame,
+  "TraitSlot": TraitSlot,
+  "TrendIndicator": TrendIndicator,
+  "TypewriterText": TypewriterText,
+  "Typography": Typography,
+  "UISlotComponent": UISlotComponent,
+  "UISlotRenderer": UISlotRenderer,
+  "UploadDropZone": UploadDropZone,
+  "VStack": VStack,
+  "VersionDiff": VersionDiff,
+  "ViolationAlert": ViolationAlert,
+  "VoteStack": VoteStack,
+  "WizardContainer": WizardContainer,
+  "WizardNavigation": WizardNavigation,
+  "WizardProgress": WizardProgress,
   // Semantic aliases
-  get "Text"() {
-    return TextPattern;
-  }
+  "Text": TextPattern
 };
 var scopeWrapLog = createLogger("almadar:ui:scope-wrap");
 var TRAIT_BINDING_RE = /^@trait\.([A-Z][A-Za-z0-9]*)$/;
@@ -44770,6 +44330,7 @@ function UISlotComponentInner({
   const awaiting = isPortalSlot(slot) ? void 0 : awaitingSkeleton ?? runtimeAwaiting;
   const regionClassName = fallback !== void 0 ? cn("contents", className) : className;
   const binding = useEntityBindingSnapshot(rawContent?.sourceTrait);
+  const i18n = useRenderI18n();
   const content = useMemo(() => {
     if (!rawContent) return rawContent;
     const resolvedProps = resolveRenderBindingMarkers(
@@ -44777,10 +44338,11 @@ function UISlotComponentInner({
       rawContent.sourceTrait,
       binding.entity,
       binding.config,
-      binding.state
+      binding.state,
+      i18n
     );
     return resolvedProps === rawContent.props ? rawContent : { ...rawContent, props: resolvedProps };
-  }, [rawContent, binding.entity, binding.config, binding.state]);
+  }, [rawContent, binding.entity, binding.config, binding.state, i18n]);
   const animatedPortal = isAnimatedPortalSlot(slot);
   const holdForPending = useScopeHasPending(useContext(PendingScopeContext));
   const runtimePresence = useSlotPresence(portal && animatedPortal ? content ?? null : null, holdForPending);
@@ -45420,9 +44982,10 @@ function SlotContentRenderer({
   const ambientScope = useTraitScope();
   const bindingTrait = content.sourceTrait ?? ambientScope?.trait;
   const binding = useEntityBindingSnapshot(bindingTrait);
+  const i18n = useRenderI18n();
   const liveProps = useMemo(
-    () => resolveRenderBindingMarkers(content.props, bindingTrait, binding.entity, binding.config, binding.state),
-    [content.props, bindingTrait, binding.entity, binding.config, binding.state]
+    () => resolveRenderBindingMarkers(content.props, bindingTrait, binding.entity, binding.config, binding.state, i18n),
+    [content.props, bindingTrait, binding.entity, binding.config, binding.state, i18n]
   );
   const propsObj = typeof liveProps === "string" ? {} : liveProps;
   const entityProp = propsObj.entity;